解決element-ui中下拉菜單子選項click事件不觸發(fā)的問題
將@click改為@click.native='logoutHandle';即可監(jiā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里的一個組件,下拉菜單
發(fā)現(xiàn)在組件里寫入@click事件
在頁面打開以后發(fā)現(xiàn),轉(zhuǎn)譯了之后并沒有click事件
最后發(fā)現(xiàn)用@click.native
就OK了!
以上這篇解決element-ui中下拉菜單子選項click事件不觸發(fā)的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vuejs+element UI table表格中實現(xiàn)禁用部分復(fù)選框的方法
今天小編就為大家分享一篇vuejs+element UI table表格中實現(xiàn)禁用部分復(fù)選框的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09VUE3使用Element-Plus時如何修改ElMessage中的文字大小
在使用Element-plus的Elmessage時使用默認(rèn)的size無法滿足我們的需求時,我們可以自定義字體的大小,但是直接重寫樣式后,并沒有起作用,甚至使用::v-deep深度選擇器也沒有效果,本文介紹VUE3使用Element-Plus時如何修改ElMessage中的文字大小,感興趣的朋友一起看看吧2023-09-09解決vue select當(dāng)前value沒有更新到vue對象屬性的問題
今天小編就為大家分享一篇解決vue select當(dāng)前value沒有更新到vue對象屬性的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08