当前位置: 首页 > news >正文

[element-ui] el-dropdown 触发显示时阻止事件冒泡 .stop

如果el-tree自定义节点包含el-dropdown,为了防止点击el-dropdown的触发按钮而执行el-tree的node-click事件

最外层添加div,给div绑定事件并添加事件修饰符(stop)

<el-tree :data="treeData" @node-click="treeNodeClickEvent"><div @click.stop><el-dropdown trigger="click"><span class="el-dropdown-link"><i class="el-icon-more"></i></span><el-dropdown-menu slot="dropdown"><el-dropdown-item><i class="my-icon icon-folder"></i><span>创建文件夹</span></el-dropdown-item><el-dropdown-item><i class="my-icon icon-document"></i><span>创建文档</span></el-dropdown-item><el-dropdown-item><i class="my-icon icon-markdown"></i><span>创建Markdown</span></el-dropdown-item><el-dropdown-item><i class="my-icon icon-edit"></i><span>编辑</span></el-dropdown-item><el-dropdown-item><i class="my-icon icon-delete"></i><span>删除</span></el-dropdown-item></el-dropdown-menu></el-dropdown></div>
</el-tree>

参考:

ElementUI dropdown 触发显示时阻止事件冒泡


http://www.mrgr.cn/news/864.html

相关文章:

  • 富格林:揭开黑幕面纱实现安全
  • 论文浅尝 | 通过基于知识图谱的后验来缓解大语言模型的幻觉(AAAI2024)
  • 【JVM】深入理解类加载机制(一)
  • SpringBoot依赖之Spring Data Redis一有序集合Sorted Set
  • 【python】在Python中读取和加解密PDF文件的详细教程与应用实战
  • [000-01-030].第7节:Zookeeper工作原理
  • 自定义类型:联合和枚举
  • ansync/await 运行流程图
  • docker部署lnmp
  • 理解Linux中的作业控制:详解fg、bg和jobs命令
  • 微服务设计原则——高性能:异步与并发
  • JaCoCo作为Agent获取Java覆盖率
  • 天童美语:世界左撇子日
  • package.json 中 browser 字段规范
  • 基于微信小程序地图实现点位标注、覆盖物、地图聊天
  • C++——入门基础(上)
  • 机器学习:逻辑回归原理、参数介绍和优缺点
  • Python实现水果忍者(开源)
  • 第二十二节、创建人物状态栏
  • 数字货币发行项目开发基本要求及模式创建与海外宣发策略