element树形结构设置勾选数组

有两种方法，第一种是给el-tree设置属性->默认勾选的数组

<el-tree
        :data="treeData"
        show-checkbox
        node-key="id"
        :props="defaultProps"
        :default-checked-keys="checkTree"
        default-expand-all
      />

ps: checkTree是你获取到需要勾选的数组

 第二种：使用tree实例上的方法

 

 首先给树设置ref属性

 <el-tree
        ref="permissTree"
        :data="treeData"
        show-checkbox
        node-key="id"
        :props="defaultProps"
        default-expand-all
      />

然后调用树上的方法

 async  getRoleInfo(id) {
      this.$loading = true
      const { data: data1 } = await getRoleInfo(id)
      const { data: data2 } = await getAllPermission()
      this.treeData = treeDataFormate(data2, 0)
      this.checkTree = data1?.permIds
       // 这里调用树上的方法，设置要勾选的数组
       // 第一个参数，需要勾选的数组，第二个参数，勾选状态，默认false
       // 使用这种方法必须给树加上node-key 属性，一般设置为ID
      this.$refs.permissTree.setCheckedKeys(this.checkTree, true)
      this.$loading = false
    }