element-ui tree结构下的复选框互斥效果

阅读 75

2022-04-25

大致方法利用this.$refs.tree.setCheckedKeys([])+this.$refs.tree.getCheckedKeys()
setCheckedKeys如果传入空数组则全部取消选中,传入单个id则选中这个id对应的复选框。
getCheckedKeys()获取当前选中的项,将选中的项的id传入setCheckedKeys([])的参数数组中,就可达到选中的效果。

在代码中写法:点击某个复选框的时候,先用setCheckedKeys([])将所有项取消选中,再利用getCheckedKeys()获取当前选中的项,将选中的项的id传入setCheckedKeys([])的参数数组中,就可达到选中的效果。

精彩评论(0)

0 0 举报