您好,登錄后才能下訂單哦!
小編給大家分享一下如何解決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了!
看完了這篇文章,相信你對(duì)“如何解決element-ui中下拉菜單子選項(xiàng)click事件不觸發(fā)的問題”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。