Element Plus 的 Tree 组件 禁止特定节点点击事件
需求,在树形结构数据中 type 字段的值等于 1 的节点不希望被点击,被点击会有背景颜色之类的状态,希望是不需要出现背景颜色,上次点击的节点保持不变
- 解决方案是通过自定义节点内容,阻止节点点击事件,看代码
<ElTree
>
<template #default="{ node, data }">
<div
style="width: 100%;"
@click="(event) => {
if (data.type === 1) {
// 关键是以下两行代码
event.preventDefault();
event.stopPropagation()
}
}"
>
//...这里是节点标题等其他内容
</div>
</template>
</ElTree>