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

最新推荐文章于 2025-05-19 18:10:41 发布

原创最新推荐文章于 2025-05-19 18:10:41 发布 · 983 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

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

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);
        }
      });
    }
  }