el-tree 数据残留问题

最新推荐文章于 2024-07-03 17:41:55 发布

原创最新推荐文章于 2024-07-03 17:41:55 发布 · 799 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

vue 专栏收录该内容

16 篇文章

订阅专栏

这篇博客介绍了如何在Vue应用中利用el-tree组件实现带有复选框的树形结构，包括设置默认展开所有节点、高亮当前选中节点、手风琴效果、节点点击检查等功能。同时展示了如何清空已选节点的方法。

          <el-tree
            ref="treeOption"
            show-checkbox
            default-expand-all
            highlight-current
            accordion
            node-key="id"
            check-on-click-node
            :data="cisTree.tutorialsType"
            :props="defaultProps"
            @check="checkNode"
            :check-strictly=true
            :default-checked-keys="cisTree.defaultCheckNodes"
          />

      clearDefaultKeys() {
        this.cisTree.defaultCheckNodes = [];
        this.$nextTick(function () {
          this.$refs.treeOption.setCheckedKeys([]);
        });
      },