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>
posted @ 2025-09-10 10:30  程序员の奇妙冒险  阅读(15)  评论(0)    收藏  举报