Vue ElementUI el-tree 过滤显示未被勾选的节点

最新推荐文章于 2025-10-29 09:46:17 发布

原创最新推荐文章于 2025-10-29 09:46:17 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #el-tree

《ElementUI 基础知识》专栏收录该内容

36 篇文章

订阅专栏

本文详细解析了如何使用el-tree组件的filter-node-method属性来过滤并显示未被勾选的节点。通过判断节点的checked状态，实现动态控制节点的显示，为前端开发中的数据筛选提供了灵活的方法。

使用属性 el-tree filter-node-method

// 显示出未勾选的节点 checked
filterNodeMethod(value, data, node) {
    // 判断传值必须是 boolean 类型
    if(typeof value === 'boolean') {
        // 注意使用属性 node
        let b = value ? !node.checked : true;
        return b
    }
    return false;
}