当前位置：移动技术网 > IT编程>脚本编程>vue.js > 解决element-ui中下拉菜单子选项click事件不触发的问题

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

2019年06月03日 | 移动技术网IT编程 | 我要评论

轴承分类,excel图表,免费的电影网站

将@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里的一个组件，下拉菜单

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

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

最后发现用@click.native

就ok了！

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！点击进行留言回复

vue中使用vue-print.js实现多页打印

本文主要介绍了vue项目中使用print.js打印，解决多页，分页，打印预览样式修改等问题。引入安装vue-print.jscnpm i vue-printjs... [阅读全文]
Vue Router 实现动态路由和常见问题及解决方法

个人理解：动态路由不同于常见的静态路由，可以根据不同的「因素」而改变站点路由列表。常见的动态路由大都是用来实现：多用户权限系统不同用户展示不同导航菜单。如何利用... [阅读全文]
vue开发中遇到的问题总结

//工作中遇到的：（1）avoid mutating a prop directly since the value will be overwritten w... [阅读全文]
简单了解Vue + ElementUI后台管理模板

最近学习和项目都用到了vue和elementui，自己不是专业前端，搞这些ui上的东西还是有些难度，这里推荐两个vue + elementui后台管理模板vue... [阅读全文]
详解element上传组件before-remove钩子问题解决

应公司业务要求已上传文件删除前提醒确认代码如下 if(file && file.status === "success"){ r... [阅读全文]
加速vue组件渲染之性能优化

背景平时在用vue开发后台管理系统的时候，应该会用到大量的table这种组件，正常这种组件我们会在项目里做二次封装，然后针对表头title做参数化配置，如下：e... [阅读全文]
vue cli4下环境变量和模式示例详解

本文介绍了vue cli4下环境变量和模式示例详解，分享给大家，具体如下：环境变量一个环境变量文件只包含环境变量的键值对：node_env=developmen... [阅读全文]
vue使用微信扫一扫功能的实现代码

第一步：安装weixin-js-sdk 和 jquery 包 npm install weixin-js-sdk jquery第二部：配置wx.config... [阅读全文]
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)

1、点击按钮，实现微信扫一扫功能：<template> <a class="btn" @click="scan">扫一扫</a&... [阅读全文]
详解在Vue.js编写更好的v-for循环的6种技巧

在vuejs中，v-for循环是每个项目都会使用的东西，它允许您在模板代码中编写for循环。在最基本的用法中，它们的用法如下。<ul> <li... [阅读全文]

网友评论


验证码：

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

2019年06月03日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论