解決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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue組件以及父子組件通信方式
這篇文章主要介紹了Vue組件化的基本概念,包括什么是組件化、Vue的組件化思想以及如何在Vue中注冊和使用組件,文章還詳細講解了如何進行父子組件之間的通信,包括父組件傳遞數(shù)據(jù)給子組件和子組件通過自定義事件將數(shù)據(jù)傳遞給父組件,文章最后通過一個綜合練習來鞏固所學知識
2025-02-02
vue2從數(shù)據(jù)變化到視圖變化發(fā)布訂閱模式詳解
這篇文章主要為大家介紹了vue2從數(shù)據(jù)變化到視圖變化發(fā)布訂閱模式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-09-09
vue分頁插件的使用方法
這篇文章主要介紹了vue分頁插件的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-12-12
用vue快速開發(fā)app的腳手架工具
這篇文章主要介紹了用vue快速開發(fā)app的腳手架工具，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-06-06
vue組件初學_彈射小球(實例講解)
下面小編就為大家?guī)硪黄獀ue組件初學_彈射小球(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
客戶端（vue框架）與服務器（koa框架）通信及服務器跨域配置詳解
本篇文章主要介紹了客戶端（vue框架）與服務器（koa框架）通信及服務器跨域配置詳解，具有一定的參考價值，有興趣的可以了解一下
2017-08-08
vue如何實現(xiàn)本項目頁面之間跳轉(zhuǎn)
這篇文章主要介紹了vue如何實現(xiàn)本項目頁面之間跳轉(zhuǎn)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
Vue實現(xiàn)輸入框@功能的示例代碼
這篇文章主要為大家介紹了如何利用Vue實現(xiàn)輸入框@功能，文中的示例代碼講解詳細，對我們學習Vue有一定的幫助，感興趣的可以學習一下
2022-05-05
vue 集成jTopo 處理方法
這篇文章主要介紹了vue 集成jTopo 處理方法，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下
2019-08-08
Vue.set()和this.$set()使用和區(qū)別
我們發(fā)現(xiàn)Vue.set()和this.$set()這兩個api的實現(xiàn)原理基本一模一樣，那么Vue.set()和this.$set()的區(qū)別是什么，本文詳細的介紹一下，感興趣的可以了解一下
2021-06-06