补充一个小知识点:有关@click.native

在使用 Element UI 的 el-dropdown-item 组件时,如果你想监听原生的点击事件(即 DOM 层面的 click),必须加上 .native 修饰符,即使用 @click.native。

原因解释:

el-dropdown-item 是一个 自定义组件,不是原生 HTML 元素。

Vue 中,默认的 @click 监听的是子组件通过 emit('click') 主动触发的事件,而 el-dropdown-item 并没有 emit('click')。

实际上,点击行为发生在该组件内部的原生

  • 或 标签上,因此你需要用 .native 来监听组件根元素上的原生 DOM 事件。

正确写法示例:

<el-dropdown-item @click.native="handleClick">选项

错误写法(不会触发):

<el-dropdown-item @click="handleClick">选项

结论:只要你想响应用户点击 el-dropdown-item 的动作,就必须使用 @click.native。这是 Element UI 组件的设计决定的,不是 bug,而是 Vue 自定义组件事件机制的标准行为。

相关推荐
子兮曰5 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰5 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万5 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝5 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
A黄俊辉A5 天前
uniapp webview中实现 app和内嵌的H5双向通信
vue.js·json
三十而立洋5 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁5 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
honkun65 天前
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vue.js·vxe-table
kybs19916 天前
全球灾害数据分析可视化 毕业设计-附源码66794
vue.js·spring boot·mysql·安全·django·c#·asp.net
汉堡大王95276 天前
Jev:不是聊天机器人, 而是一个智能 if 语句
前端·人工智能·后端