小編給大家分享一下elementUI Vue如何實(shí)現(xiàn)單個(gè)按鈕顯示和隱藏的變換功能,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
為當(dāng)雄等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù),及當(dāng)雄網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、做網(wǎng)站、當(dāng)雄網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
在做后臺(tái)管理系統(tǒng)中遇到一個(gè)需求, 點(diǎn)擊一個(gè)按鈕可以變換里面字的內(nèi)容
當(dāng)狀態(tài)為顯示的時(shí)候, 該行第一個(gè)按鈕為隱藏;
當(dāng)狀態(tài)為隱藏的時(shí)候, 該行第一個(gè)按鈕為顯示;
具體代碼如下:
{{scope.row.status=='顯示'?'隱藏':'顯示'}} 編輯
也可以用第二種方法:
隱藏 顯示 編輯
看完了這篇文章,相信你對(duì)“elementUI Vue如何實(shí)現(xiàn)單個(gè)按鈕顯示和隱藏的變換功能”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!