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

相关推荐
DJ斯特拉2 小时前
axios快速使用
开发语言·前端·javascript
还有多久拿退休金2 小时前
Ant Design Tree 搜索定位避坑指南:虚拟滚动下如何实现高亮与精准定位
前端·react.js
Hilaku3 小时前
AI 写代码越快,为什么 Code Review 越不能省?
前端·javascript·程序员
sugar__salt3 小时前
从网页小游戏到数据可视化:掌握 HTML5 Canvas 核心能力
前端·信息可视化·html5
北极星日淘4 小时前
前端 i18n 中日双语交互 + 翻译客服接口联动方案|日系海淘平台中文友好化开发实战
前端·交互
現実逃避と4 小时前
WIN10 Edge连续关闭多个标签页导致资源管理器崩溃临时解决办法
前端·edge
jay神4 小时前
基于 FastAPI + Vue 的宠物领养管理系统
前端·vue.js·python·毕业设计·fastapi·宠物
一杯奶茶¥4 小时前
水果销售网站 CRM客户信息管理系统 超市管理系 酒店管理系统 健身房管理系统 在线音乐网站 校园招聘系统
java·vue.js·spring boot·mysql·spring·java项目
lichenyang4534 小时前
鸿蒙 Web 容器(五·完结):闭环回传、容器治理,兼谈 AtomicServiceEnhancedWeb
前端