关于tree的相关操作

最新推荐文章于 2023-04-14 10:05:32 发布

菲阿菲

最新推荐文章于 2023-04-14 10:05:32 发布

阅读量111

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_49575831/article/details/129127706

版权

一、默认勾选的节点的 key 的数组

· 渲染Tree（收集后端传来的ID==>递归）

:default-checked-keys属性
:default-checked-keys="defKeys",defKeys为数组，收集默认勾选的id值

 // 通过递归的形式，获取角色下三级id，并保存defkeys中
    getLeafKeys (node, arr) {
      // node不包含children，则为三级节点
      if (!node.children) {
        return arr.push(node.id)
      }
      node.children.forEach(item =>
        this.getLeafKeys(item, arr)
      )
    }

· 如何收集已选择的ID，（包括1\2\3 级节点）

:getCheckedKeys属性=>返回目前被选中的节点的 key 所组成的数组
:getHalfCheckedKeys属性=>返回目前半选中的节点的 key 所组成的数组

  allotRights () {
      const keys = [
        ...this.$refs.treeRef.getCheckedKeys(),
        ...this.$refs.treeRef.getHalfCheckedKeys()
      ]
      const idStr = keys.join(',')