解决element-ui中下拉菜单子选项click事件不触发的问题


Posted in Javascript onAugust 22, 2018

将@click改为@click.native='logoutHandle';即可监听选项的点击事件。

<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,发现用@click事件不生效?怎么解决?

如下所示:

今天用到element-ui里的一个组件,下拉菜单

解决element-ui中下拉菜单子选项click事件不触发的问题

发现在组件里写入@click事件

解决element-ui中下拉菜单子选项click事件不触发的问题

在页面打开以后发现,转译了之后并没有click事件

解决element-ui中下拉菜单子选项click事件不触发的问题

最后发现用@click.native

解决element-ui中下拉菜单子选项click事件不触发的问题

就OK了!

以上这篇解决element-ui中下拉菜单子选项click事件不触发的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
window.location.href IE下跳转失效的解决方法
Mar 27 Javascript
js利用prototype调用Array的slice方法示例
Jun 09 Javascript
介绍一个简单的JavaScript类框架
Jun 24 Javascript
Bootstrap3 多选和单选框(checkbox)
Dec 29 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
Node.js创建Web、TCP服务器
Dec 05 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
jQuery中实现text()的方法
Apr 04 jQuery
js blob类型url的视频下载问题的解决
Nov 29 Javascript
解决 window.onload 被覆盖的问题方法
Jan 14 Javascript
JavaScript缺少insertAfter解决方案
Jul 03 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
Jul 20 Javascript
微信小程序 Animation实现图片旋转动画示例
Aug 22 #Javascript
Vue动态获取width的方法
Aug 22 #Javascript
微信小程序调用摄像头隐藏式拍照功能
Aug 22 #Javascript
Vue2.2.0+新特性整理及注意事项
Aug 22 #Javascript
Vue之mixin全局的用法详解
Aug 22 #Javascript
React中使用UEditor百度富文本的方法
Aug 22 #Javascript
VUE 全局变量的几种实现方式
Aug 22 #Javascript
You might like
Php Image Resize图片大小调整的函数代码
2011/01/17 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
javascript 处理HTML元素必须避免使用的一种方法
2009/07/30 Javascript
jquery ready函数源代码研究
2009/12/06 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
2013/01/04 Javascript
网页中返回顶部代码(多种方法)另附注释说明
2013/04/24 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
Jquery中find与each方法用法实例
2015/02/04 Javascript
javascript每日必学之循环
2016/02/19 Javascript
举例讲解如何判断JavaScript中对象的类型
2016/04/22 Javascript
Bootstrap每天必学之附加导航(Affix)插件
2016/04/25 Javascript
SWFUpload多文件上传及文件个数限制的方法
2016/05/31 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
JavaScript常见事件处理程序实例总结
2019/01/05 Javascript
微信小程序实现音乐播放器
2019/11/20 Javascript
微信小程序云函数添加数据到数据库的方法
2020/03/04 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
2020/04/08 Javascript
Javascript实现单选框效果
2020/12/09 Javascript
python批量制作雷达图的实现方法
2016/07/26 Python
基于Python的接口测试框架实例
2016/11/04 Python
python3中str(字符串)的使用教程
2017/03/23 Python
Python实现Windows和Linux之间互相传输文件(文件夹)的方法
2017/05/08 Python
Python爬虫包BeautifulSoup学习实例(五)
2018/06/17 Python
使用python3批量下载rbsp数据的示例代码
2019/12/20 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
STAUD官方网站:洛杉矶独有的闲适风格
2019/04/11 全球购物
龟牌英国商店:Turtle Wax Brand Store UK
2019/07/02 全球购物
普天C++笔试题
2016/03/20 面试题
学校教师读书活动总结
2014/07/08 职场文书
2014年学校体育工作总结
2014/12/08 职场文书
医院病假条范文
2015/08/17 职场文书
解析:创业计划书和商业计划书二者之间到底有什么区别
2019/08/14 职场文书
Python制作动态字符画的源码
2021/08/04 Python
nginx从安装到配置详细说明(安装,安全配置,防盗链,动静分离,配置 HTTPS,性能优化)
2022/02/12 Servers
Android 中的类文件和类加载器详情
2022/06/05 Java/Android