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

相关推荐
Moment2 分钟前
AI 编程时代,聊聊我的 Mac mini 双屏桌面
前端·后端
AiMan13 分钟前
先确认能不能一次把Microsofat Copilot所有内容打包一个文件导出
前端
总要学点什么17 分钟前
第97篇:三维数据加载-城市建筑白模自定义着色器——让一条光带沿高度扫上去,快慢却由帧率说了算
前端·gis·webgl·cesium·着色器·空间分析·白模
上海懒图科技43 分钟前
工厂厂区电子地图定位导航:厂区人车精准定位,安全合规双保障
前端·arcgis·vue
西安小哥1 小时前
端侧跑大模型,真正的门槛不在参数量:一次 596 秒到 10 秒的压缩路径复盘
前端·人工智能
陈随易1 小时前
Cloudflare 出钱,Vite 团队挑人,44 个维护者分 30 万美元
前端·后端·程序员
恋猫de小郭2 小时前
Flutter THLC 的 WebView 滚动终于从 70 FPS 提升到 120 FPS
android·前端·flutter
严肃小白兔3 小时前
TanStack Router 更新构建工具链:Node.js 兼容性、路由分割与前端工程实践
前端·node.js·状态模式
IT_陈寒3 小时前
Vue这个奇葩的响应式问题让我加班到凌晨
前端·人工智能·后端
风骏时光牛马3 小时前
功能可用性自动化测试验证
前端