element-ui 下拉菜单el-dropdown-item添加点击事件

使用element-ui下拉菜单组件Dropdown时绑定点击事件,事件不生效。

@click 常见于其用在Vue中的事件绑定,而@实际上是 v-on 的简写,而 v-on 则是对 vue 的事件体系封装之后的 API接口。

native修饰符用于处理DOM原生事件,由于组件 DropDown并没有封装点击事件,因此需要添加原生的点击事件,因此使用@click.native。

html 复制代码
<el-dropdown-menu slot="dropdown">
   <el-dropdown-item @click.native="signOut">登出</el-dropdown-item>
</el-dropdown-menu>
相关推荐
Lyyaoo.12 小时前
JWT 令牌(待更新)
java·前端·javascript
报错小能手12 小时前
Swift UI 框架 实战 简易计数器、待办清单 、随机壁纸图库、个人笔记
ui·ios
weixin_4367778712 小时前
el-select的label没有没有反显怎么办?
开发语言·前端·javascript
米丘12 小时前
vue3.x 编译 script setup 编译过程
vue.js·node.js·babel
暗不需求12 小时前
React项目架构深度解析:从0到1理解现代前端工程化
前端·javascript·react.js
Lkstar12 小时前
读懂 Vue3 响应式源码:从枚举到 Proxy 拦截器
vue.js
孙凯亮12 小时前
Electron 项目终极实战总结:从黑屏踩坑到自动更新全流程
前端·electron
jiayong2312 小时前
第 40 课:任务详情抽屉里的编辑 / 删除联动强化
java·开发语言·前端·javascript·vue.js·学习
胡志辉12 小时前
前端反调试:常见套路、识别方法与绕过思路
前端·安全
Mr.mjw12 小时前
vue中使用 postcss-px-to-viewport 插件实现多屏适配
javascript·vue.js·postcss