今天就跟大家聊聊有關(guān)使用vue怎么實(shí)現(xiàn)一個(gè)按鈕組件，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)建站長(zhǎng)期為1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為吳中企業(yè)提供專(zhuān)業(yè)的網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)，吳中網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

解決思路：

1. 通過(guò)父子組件通訊（$refs 和 props）

2. props接受參數(shù), $refs調(diào)用子組件的方法

3. 來(lái)達(dá)到點(diǎn)擊提交改變按鈕狀態(tài)，如果不成功則取消按鈕狀態(tài)

在src/components/ 下建一個(gè)button.vue

.confirm {
 border: none;
 color: #fff;
 width: 100%;
 padding: 1rem 0;
 border-radius: 4px;
 font-size: 1.6rem;
 background: #5da1fd;
 &:focus {
  outline: none;
 }
}

在頁(yè)面中調(diào)用：

看完上述內(nèi)容，你們對(duì)使用vue怎么實(shí)現(xiàn)一個(gè)按鈕組件有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。