ElementUi树形控件数据回显以及出现全选问题

 1、数据回显

<el-tree
        :default-checked-keys="menuDto.menuIds"
        :data="data"
        show-checkbox
        default-expand-all
        node-key="id"
        ref="tree"
        highlight-current
        :check-strictly="isCheck"
        :props="defaultProps"
        @check-change="handleCheckChange"
      >
</el-tree>

 :default-checked-keys用来关联需要回显的数据，这个关联的数据必须和node-key的属性值相同，例如node-key的值为Id，那么 :default-checked-keys中数组的值必须为数字Id

menuDto:{
  roleId:'',
  menuIds:[]
}

 

2、数据回显出现全选问题

<el-tree
        :default-checked-keys="menuDto.menuIds"
        :data="data"
        show-checkbox
        default-expand-all
        node-key="id"
        ref="tree"
        highlight-current
        :check-strictly="isCheck"
        :props="defaultProps"
        @check-change="handleCheckChange"
      >
</el-tree>

isCheck: true

check-strictly="isCheck" 可以使用这个,

进行数据勾选时用true

在数据回显的时候isCheck改为false

点击分配

数据成功回显