The vue tree table structure checks the corresponding options according to the json data.

using the element tree table component, displaying the data is different from what you think.

clipboard.png
json
clipboard.png
this click shows the data table, but it does not show the options that are checked by default according to the logic I wrote.
user modules should all be checked by default, because flag is true, and when flag is true, it is checked, and it is not checked when it is false, but

is used. 
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 => {});
    },

Logic 

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

here I quote an official example

Why didn"t it work? The official method used here does not show the effect I want

Vue.js
May.17,2022

clipboard.png
wrong parameter

wrote a simple reference, using setCheckedKeys
Preview: https://jsfiddle.net/szjarph9/
core method to recursively get a subset of flag as true, and then select

by setCheckedKeys setting. 
getCheckedKeys(data){
      data.forEach(item => {
        //flagtrueelement-tree
        if(item.flag === true && !item.children){
          this.checkedKeys.push(item.id)
      }
      if(item.children && item.children.length){
          //
          this.getCheckedKeys(item.children)
      }
    })
  }

Previous: Python3.7.2 module import issu

Next: Using axios, how to keep the cookie request header information set by the backend when it is turned on locally

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e870a6-5bc3f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e870a6-5bc3f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?