解決element-ui中下拉菜單子選項(xiàng)click事件不觸發(fā)的問題
將@click改為@click.native='logoutHandle';即可監(jiān)聽選項(xiàng)的點(diǎn)擊事件。
<el-dropdown class="pull-right" > <span class="el-dropdown-link"> <img src="./img/header.jpg" alt="" class="pull-right"> </span> <el-dropdown-menu slot="dropdown"> <el-dropdown-item @click.native="logoutHandle">退出</el-dropdown-item> </el-dropdown-menu> </el-dropdown>
vue使用element-ui,發(fā)現(xiàn)用@click事件不生效?怎么解決?
如下所示:
今天用到element-ui里的一個(gè)組件,下拉菜單
發(fā)現(xiàn)在組件里寫入@click事件
在頁面打開以后發(fā)現(xiàn),轉(zhuǎn)譯了之后并沒有click事件
最后發(fā)現(xiàn)用@click.native
就OK了!
以上這篇解決element-ui中下拉菜單子選項(xiàng)click事件不觸發(fā)的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vuejs+element UI table表格中實(shí)現(xiàn)禁用部分復(fù)選框的方法
今天小編就為大家分享一篇vuejs+element UI table表格中實(shí)現(xiàn)禁用部分復(fù)選框的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09VUE3使用Element-Plus時(shí)如何修改ElMessage中的文字大小
在使用Element-plus的Elmessage時(shí)使用默認(rèn)的size無法滿足我們的需求時(shí),我們可以自定義字體的大小,但是直接重寫樣式后,并沒有起作用,甚至使用::v-deep深度選擇器也沒有效果,本文介紹VUE3使用Element-Plus時(shí)如何修改ElMessage中的文字大小,感興趣的朋友一起看看吧2023-09-09基于vue寫一個(gè)全局Message組件的實(shí)現(xiàn)
這篇文章主要介紹了基于vue寫一個(gè)全局Message組件的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08解決vue select當(dāng)前value沒有更新到vue對(duì)象屬性的問題
今天小編就為大家分享一篇解決vue select當(dāng)前value沒有更新到vue對(duì)象屬性的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08