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

 1、数据回显

1.  
   <el-tree
2.  
   :default-checked-keys="menuDto.menuIds"
3.  
   :data="data"
4.  
   show-checkbox
5.  
   default-expand-all
6.  
   node-key="id"
7.  
   ref="tree"
8.  
   highlight-current
9.  
   :check-strictly="isCheck"
10.  
    :props="defaultProps"
11.  
    @check-change="handleCheckChange"
12.  
    >
13.  
    </el-tree>

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

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

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

1.  
   <el-tree
2.  
   :default-checked-keys="menuDto.menuIds"
3.  
   :data="data"
4.  
   show-checkbox
5.  
   default-expand-all
6.  
   node-key="id"
7.  
   ref="tree"
8.  
   highlight-current
9.  
   :check-strictly="isCheck"
10.  
    :props="defaultProps"
11.  
    @check-change="handleCheckChange"
12.  
    >
13.  
    </el-tree>

isCheck: true

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

进行数据勾选时用true

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

点击分配

数据成功回显 

这篇好文章是转载于：学新通技术网