el-tree 实现全选、反选、子选父功能

html部分

<el-tree

:data="menuList"

:props="menuListTreeProps"

node-key="permId"

:accordion="true"

ref="menuListTree"

:check-strictly="trueFlag"

:default-expand-all="true"

:default-checked-keys="checkKeys"

@check-change="checkChange"

@check="currentChecked"

show-checkbox>

</el-tree>

 

data部分

data () {

return {

menuList: [],

treeNewArr: [],

disabledTrue: true,

chekedKeys: [],

treeData: [],

trueFlag: true,

editCheckId: '',

checkKeys: [],

menuListTreeProps: {

label: 'permName',

children: 'sub',

// disabled: 'hasperm'

},

 

js 部分