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>
相关推荐
UXbot9 分钟前
帮助企业低门槛开展AI应用开发的平台推荐
前端·低代码·ui·交互·产品经理·原型模式·web app
英勇无比的消炎药34 分钟前
样式随心定制:TinyRobot 样式覆写与 CSS 变量实战解析
vue.js
橘子星35 分钟前
基于 Vite 的多模态生图前端工程实践
前端·javascript·人工智能
想要成为糕糕手35 分钟前
从零到一:CSS 3D 旋转立方体完全指南
前端·css·canvas
疯狂的魔鬼37 分钟前
多角色督办任务详情页:从权限矩阵到组件拆分的完整实现
前端·vue.js·架构
英勇无比的消炎药37 分钟前
拆解内核:深入分析 TinyRobot 输入区组件设计与实现原理
vue.js
恋猫de小郭38 分钟前
Android 17 正式版发布,全新 AI 和各种破坏性更新
android·前端·flutter
英勇无比的消炎药39 分钟前
组件联动进阶:玩转 TinyRobot 组合开发提升项目灵活性
vue.js
半个落月42 分钟前
从零搭建 AI 生图前端|Vite 工程化 + 通义千问 API 实战,附 API Key 安全方案
前端·人工智能
用户8524950718442 分钟前
Canvas 和 ECharts:一个蓝色方块引发的血案
javascript·人工智能