vue树表结构根据json数据勾选相对应的选项？

Question

用了element树表组件，在显示数据与自己所想不一样，

这是我请求后台json返回的数据

这点击展示的数据表，但是并没有按我写的逻辑展示那些被默认勾选的选项，
用户模块应该全部默认勾选中的，因为flag为true，而且当flag为true就是勾选的，为false时就不勾选，但是用了

setCheckedNodes(row) {
      this.roleId = row.id;
      RoleList({
        roleId: this.roleId
      })
        .then(res => {
          this.dialogFormVisible = true;
          if (res.code == 0) {
            this.$refs.tree.setCheckedNodes([{flag：true}]);
            this.roleStree = res.data;
          }
        })
        .catch(err => {});
    },

逻辑

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

这里引用官方的例子

怎么没有生效呢？这里用的官方提供的方法，没有显示我要的效果

Answer 1

写了个简单的可以参考下，利用的setCheckedKeys
预览：https://jsfiddle.net/szjarph9/
核心方法递归获取到flag为true的子集，然后通过setCheckedKeys设置选中

getCheckedKeys(data){
      data.forEach(item => {
        //判断flag是否为true，并且有无子集，element-tree中父级设置选中的话，下面的子集也就全选中了，所有得排除掉
        if(item.flag === true && !item.children){
          this.checkedKeys.push(item.id)
      }
      if(item.children && item.children.length){
          //如果存在子集，递归调用该方法
          this.getCheckedKeys(item.children)
      }
    })
  }

Answer 2

参数错了吧