补充一个小知识点:有关@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 自定义组件事件机制的标准行为。

相关推荐
喜欢睡觉几秒前
从"送花"讲懂 JavaScript:对象、数据类型与代理模式
前端
渣波1 分钟前
NestJS 企业级后端架构实战:从核心代码到工程化思维的深度重构
前端·typescript·nestjs
BreezeJiang2 分钟前
别再背工厂模式了:NestJS 第一行代码就是它的工业级落地
前端·javascript
光影少年2 分钟前
RN 常见性能问题:JS卡顿、UI卡顿、桥接通信耗时
前端·react native·react.js
liuxiaocheng4 分钟前
文本生成的进阶:generateText / streamText 里迟早会撞上的东西
前端·后端·ai编程
渣波11 分钟前
深度解析工厂模式:从蜜雪冰城到 NestFactory,彻底搞懂“创建与使用分离”
前端·javascript
蔓越莓11 分钟前
打包工具:编译器ESBuild
前端·面试
用户9210802628613 分钟前
Bubble 的 loading 和 typing:AI 回复生成中的交互处理
前端
SamChan9016 分钟前
用Playwright端到端测试PDF翻译功能:Web自动化测试实战
前端·python·ai·pdf·wpf
平生不晚20 分钟前
在 SVG 体系里画一条任意的线
前端·算法