# el-tree过滤后树形全选问题

最新推荐文章于 2025-02-26 22:00:00 发布

deep_hate

最新推荐文章于 2025-02-26 22:00:00 发布

阅读量936

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/deep_hate/article/details/126269114

在el-tree中遇到过滤功能后，点击父节点仍会全选所有子节点，包括未显示的。为解决此问题，通过绑定@check-change事件并定义handleCheckChange方法尝试修正。然而，这导致过滤前已选中的子节点被取消选中。寻求解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-tree过滤后树形全选问题

el-tree过滤后点击一个父节点依旧会把它下面的所有显示或不显示的子节点全部勾选上，我希望只会勾选上当前父节点下显示的子节点，所以做出了如下修改。
给组件绑定方法 @check-change=“handleCheckChange”
然后定义方法：

  handleCheckChange(data) {
    if (data.children) {
      data.children.forEach((item) => {
        const node = (this.$refs.tree as any).getNode(item);
        if (!node.visible) {
          (this.$refs.tree as any).setChecked(item, false);
        }
      });
    }
  }