欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決element-ui中下拉菜單子選項click事件不觸發(fā)的問題

 更新時間:2018年08月22日 11:25:17   作者:Tiramisu_C  
今天小編就為大家分享一篇解決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)文章

  • vue2實現(xiàn)簡易時鐘效果

    vue2實現(xiàn)簡易時鐘效果

    這篇文章主要為大家詳細(xì)介紹了vue2實現(xiàn)簡易時鐘效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • vue配置vue.config.js超詳細(xì)教程

    vue配置vue.config.js超詳細(xì)教程

    Vue的配置項'vue.config.js'是用來配置Vue項目的構(gòu)建配置的,它是一個可選的配置文件,放置在項目的根目錄下,這篇文章主要給大家介紹了關(guān)于vue配置vue.config.js的相關(guān)資料,需要的朋友可以參考下
    2024-01-01
  • vuejs+element UI table表格中實現(xiàn)禁用部分復(fù)選框的方法

    vuejs+element UI table表格中實現(xiàn)禁用部分復(fù)選框的方法

    今天小編就為大家分享一篇vuejs+element UI table表格中實現(xiàn)禁用部分復(fù)選框的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • Vue2模版編譯流程詳解

    Vue2模版編譯流程詳解

    vue中有一張響應(yīng)式系統(tǒng)的流程圖,vue會將模板語法編譯成render函數(shù),通過render函數(shù)渲染生成Virtual?dom,但是官方并沒有對模板編譯有詳細(xì)的介紹,這篇文章帶大家一起學(xué)習(xí)下vue的模板編譯
    2023-07-07
  • VUE3使用Element-Plus時如何修改ElMessage中的文字大小

    VUE3使用Element-Plus時如何修改ElMessage中的文字大小

    在使用Element-plus的Elmessage時使用默認(rèn)的size無法滿足我們的需求時,我們可以自定義字體的大小,但是直接重寫樣式后,并沒有起作用,甚至使用::v-deep深度選擇器也沒有效果,本文介紹VUE3使用Element-Plus時如何修改ElMessage中的文字大小,感興趣的朋友一起看看吧
    2023-09-09
  • vue移動端自適應(yīng)適配問題詳解

    vue移動端自適應(yīng)適配問題詳解

    這篇文章主要介紹了vue移動端自適應(yīng)適配問題,本文通過實例代碼詳解給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2021-04-04
  • 基于vue寫一個全局Message組件的實現(xiàn)

    基于vue寫一個全局Message組件的實現(xiàn)

    這篇文章主要介紹了基于vue寫一個全局Message組件的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • Vue實現(xiàn)聊天界面

    Vue實現(xiàn)聊天界面

    這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)聊天界面,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-06-06
  • 解決vue select當(dāng)前value沒有更新到vue對象屬性的問題

    解決vue select當(dāng)前value沒有更新到vue對象屬性的問題

    今天小編就為大家分享一篇解決vue select當(dāng)前value沒有更新到vue對象屬性的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • Vue.js的復(fù)用組件開發(fā)流程完整記錄

    Vue.js的復(fù)用組件開發(fā)流程完整記錄

    這篇文章主要給大家介紹了關(guān)于Vue.js的復(fù)用組件開發(fā)流程的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-11-11

最新評論