1.在树节点结尾增加图标作为节点的更多操作功能，但是点击图标之后会触发节点的点击事件，目前就是不想要触发点击事件
怎么设置点击el-tree的节点自定义内容不触发点击节点事件
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
- 2020-10-15 14:31`el-tree`组件接收`data`属性，这是树形结构的数据源，`props`用于指定子节点和节点标签的属性名，`@node-click`监听节点点击事件，`show-checkbox`为节点添加复选框，`node-key`用于唯一标识每个节点，`check-...
- 2025-11-17 07:23el-tree自定义节点图标的技术实现涉及到组件的事件监听、插槽使用、条件渲染和CSS样式的定义。开发者需要具备一定的前端开发技能，理解el-tree的工作原理，以及熟悉Vue框架中组件、事件和样式处理的相关知识。通过...
- 2024-09-11 14:06努力往上爬de蜗牛的博客 复选框增加：@click.native.stop。
- 2020-07-24 20:01小狐狸和小兔子的博客 前面那篇选中默认节点，有朋友留言说能不能支持自定义节点，自己想了想认为可行，思路主要利用el-tree 的current-node-key 和highlight-current属性，如图 <el-tree :data="deptTree" :props="defaultProps" :...
- 2020-10-14 20:17接着，通过调用`node.expand()`方法，触发节点的加载请求，从而更新视图。 ```javascript let newNode = { id: ..., label: ..., children: ... }; // 新节点数据 treeData.push(newNode); // 添加到数据源 let ...
- 2021-12-27 11:38小胖不怂！的博客 1、实现效果：点击map图标，不触发点击事件 2、添加一个@click.stop方法，里面什么也不用写 <el-tree :data="groups" :props="defaultProps" style="padding-top: 20px;" highlight-current :default-...
- 2020-10-15 14:31需要注意的是，el-tree 组件还提供了一些其他有用的属性和方法来支持树形控件的操作，例如 :props 属性用于自定义节点中各个字段的 key，node-key 用于指定节点唯一标识的字段，以及 lazy 属性用于配置节点的懒加载...
- 2025-07-01 16:19一般会设置一个按钮来触发新增操作，点击后弹出对话框让用户输入节点信息。这里会用到el-dialog组件来实现弹出对话框。点击新增按钮时，调用addDialogShow方法，设置对话框显示，并通过操作标志位flag来区分是新增...
- 2021-09-17 15:44绍岩的博客 需求：el-tree的第一级是假数据，不可以点击，也就是屏蔽node-click事件。 <template> <div> <el-tree :data="data" node-key="id" @node-click="handleNodeClick" > <span class=...
- 2020-10-18 00:33通过实例代码的剖析，我们可以看到自定义节点不仅能够控制内容显示，还可以在Tree组件中实现节点的拖拽、置顶等功能，这为构建更复杂的用户界面提供了极大的灵活性和强大的功能支持。在实际开发过程中，应当根据业务...
- 没有解决我的问题, 去提问
