有时候需要在树上选择子级取消后,父级不取消的业务
<el-tree
class="ztreelist"
:data="treeMenu"
show-checkbox
node-key="root_code"
ref="treeMenu"
highlight-current
:default-checked-keys="roleModel.setdata"
:props="defaultProps"
check-on-click-node
:default-expand-all="true"
:expand-on-click-node="false"
@check="nodeClick"
></el-tree>
在nodeClick事件中当点击一级 选中或者取消触childNodesChange和parentNodesChange状态
nodeClick(data, node){
var that=this
debugger
var node = that.$refs.treeMenu.getNode(data)
that.childNodesChange(node);
that.parentNodesChange(node);
},
childNodesChange(node){
var that=this
let len = node.childNodes.length;
for(let i = 0; i < len; i++){
node.childNodes[i].checked = false;
that.childNodesChange(node.childNodes[i]);
}
},
parentNodesChange(node){
var that=this
debugger
if(node.parent){
for(let key in node){
if(key == "parent"){
node[key].checked = true;
that.parentNodesChange(node[key]);
}
}
}
},