HTML如下:
<el-tree ref="tree" :data="treeData" :props="defaultProps" node-key="classification_id" :expand-on-click-node="false" highlight-current check-strictly show-checkbox @check-change="treeCheckChange" @node-click="treeNodeClick" class="mt-10"></el-tree>
JS如下:
treeNodeClick (item, node, self) {
let checkedData = this.$refs.tree.getCheckedKeys()
if (checkedData.indexOf(item.classification_id) > -1) {
this.$refs.tree.setChecked(item, false)
} else {
this.$refs.tree.setChecked(item, true)
}
},
treeCheckChange (item, node, self) {
if (item.childlist) {
for (let index = 0; index < item.childlist.length; index++) {
this.$refs.tree.setChecked(item.childlist[index], node)
}
}
this.$emit('getQualitySecurityTableData', this.$refs.tree.getCheckedKeys().join(','))
}
这样就完成了上述需求啦~