ElementUIElementUIVue
2025-09-10 10:30阅读:119评论:0
Element Plus 的 Tree 组件 禁止特定节点点击事件
需求，在树形结构数据中 type 字段的值等于 1 的节点不希望被点击，被点击会有背景颜色之类的状态，希望是不需要出现背景颜色，上次点击的节点保持不变 解决方案是通过自定义节点内容，阻止节点点击事件，看代码
需求，在树形结构数据中 type 字段的值等于 1 的节点不希望被点击，被点击会有背景颜色之类的状态，希望是不需要出现背景颜色，上次点击的节点保持不变
- 解决方案是通过自定义节点内容，阻止节点点击事件，看代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<ElTree > <template #default="{ node, data }"> <div style="width: 100%;" @click="(event) => { if (data.type === 1) { // 关键是以下两行代码 event.preventDefault(); event.stopPropagation() } }" > //...这里是节点标题等其他内容 </div> </template></ElTree>