解決element-ui中下拉菜單子選項(xiàng)click事件不觸發(fā)的問(wèn)題
更新時(shí)間：2018年08月22日 11:25:17 作者：Tiramisu_C
今天小編就為大家分享一篇解決element-ui中下拉菜單子選項(xiàng)click事件不觸發(fā)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
將@click改為@click.native='logoutHandle';即可監(jiān)聽(tīng)選項(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)在組件里寫(xiě)入@click事件
在頁(yè)面打開(kāi)以后發(fā)現(xiàn)，轉(zhuǎn)譯了之后并沒(méi)有click事件
最后發(fā)現(xiàn)用@click.native
就OK了！
以上這篇解決element-ui中下拉菜單子選項(xiàng)click事件不觸發(fā)的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue2實(shí)現(xiàn)簡(jiǎn)易時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了vue2實(shí)現(xiàn)簡(jiǎn)易時(shí)鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
Vue的配置項(xiàng)'vue.config.js'是用來(lái)配置Vue項(xiàng)目的構(gòu)建配置的,它是一個(gè)可選的配置文件,放置在項(xiàng)目的根目錄下,這篇文章主要給大家介紹了關(guān)于vue配置vue.config.js的相關(guān)資料,需要的朋友可以參考下2024-01-01
vuejs+element UI table表格中實(shí)現(xiàn)禁用部分復(fù)選框的方法
今天小編就為大家分享一篇vuejs+element UI table表格中實(shí)現(xiàn)禁用部分復(fù)選框的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
vue中有一張響應(yīng)式系統(tǒng)的流程圖，vue會(huì)將模板語(yǔ)法編譯成render函數(shù)，通過(guò)render函數(shù)渲染生成Virtual?dom，但是官方并沒(méi)有對(duì)模板編譯有詳細(xì)的介紹，這篇文章帶大家一起學(xué)習(xí)下vue的模板編譯2023-07-07
VUE3使用Element-Plus時(shí)如何修改ElMessage中的文字大小
在使用Element-plus的Elmessage時(shí)使用默認(rèn)的size無(wú)法滿足我們的需求時(shí),我們可以自定義字體的大小,但是直接重寫(xiě)樣式后,并沒(méi)有起作用,甚至使用::v-deep深度選擇器也沒(méi)有效果,本文介紹VUE3使用Element-Plus時(shí)如何修改ElMessage中的文字大小,感興趣的朋友一起看看吧2023-09-09
vue移動(dòng)端自適應(yīng)適配問(wèn)題詳解
這篇文章主要介紹了vue移動(dòng)端自適應(yīng)適配問(wèn)題，本文通過(guò)實(shí)例代碼詳解給大家介紹的非常詳細(xì)，需要的朋友可以參考下2021-04-04
基于vue寫(xiě)一個(gè)全局Message組件的實(shí)現(xiàn)
這篇文章主要介紹了基于vue寫(xiě)一個(gè)全局Message組件的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)聊天界面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
解決vue select當(dāng)前value沒(méi)有更新到vue對(duì)象屬性的問(wèn)題
今天小編就為大家分享一篇解決vue select當(dāng)前value沒(méi)有更新到vue對(duì)象屬性的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
Vue.js的復(fù)用組件開(kāi)發(fā)流程完整記錄
這篇文章主要給大家介紹了關(guān)于Vue.js的復(fù)用組件開(kāi)發(fā)流程的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11