当前位置： 首页 > article >正文

ElementUI中el-dropdown-item点击事件无效

article 2025/1/24 11:48:06

若直接在el-dropdown-item上添加click事件，点击后没有任何反应。

在click后添加native修饰符，则可解决问题。

代码如下：

<el-dropdown>
    <el-dropdown-menu slot="dropdown">
        <el-dropdown-item @click.native="changePassword">修改密码</el-dropdown-item>
    </el-dropdown-menu>
</el-dropdown>

在给Vue组件（el-dropdown-item就是一个组件）绑定事件的时候，必须加上navtive修饰符才能生效，navtive可以监听根元素的原生事件


http://www.kler.cn/a/441513.html

相关文章：

  • 数据结构——查找算法和排序算法
  • docker-registry
  • 动态内存管理
  • 不重启JVM，替换掉已经加载的类
  • 免费下载 | 2024中国智算中心产业发展白皮书
  • 【SpringCloud】黑马微服务学习笔记
  • 《Vue进阶教程》第十四课：改进桶结构
  • 基于微信小程序的小区疫情防控ssm+论文源码调试讲解
  • 【RK3588 Linux 5.x 内核编程】-内核中断与SoftIRQ
  • 常见排序算法总结 (五) - 堆排序与堆操作
  • 谷歌推出 AI 编码助手 “Jules”，自动修复软件漏洞加速开发
  • linux中的权限简单总结
  • 蓝桥杯刷题——day3
  • ElasticSearch的自动补全功能（拼音分词器、自定义分词器、DSL实现自动补全查询、RestAPI实现自动补全查询）
  • npm、yarn、pnpm 设置最新国内镜像源（附官方镜像源和最新阿里源）
  • vue下载node包，前端编译报错 ‘ ./node modules/ml-matrix/src/symmetricMatrix.js‘
  • 基于Spring Boot的小区车辆管理系统
  • 如何用重构解锁高效 Vue 开发之路
  • C++ #和##的用法
  • 【C++算法】45.分治_快排_数组中的第K个最大元素
  • Linux Nice 优先级功能解析
  • vscode无密码远程登录，不用输密码
  • 2024-2030全球与中国AI养猪解决方案市场现状及未来发展趋势
  • Flutter：页面中触发点击事件，通过id更新特定视图
  • Unreal的Audio::IAudioCaptureStream在Android中录制数据异常
  • 31.攻防世界php_rce