element 树形控件 清空 删除问题

Question

这边遇到两个问题，第一个是如何清空右边的选中数据，第二个就是删除右边选中数据，两个都是当清空或者删除时 左边选项变成未选中状态。大神们如何实现这个功能呀

Answer 1

• 建议:default-checked-keys="menuIds"绑定一个menuId值，menuId是一个数组，表示当前选中的所有id，当所有都不选中的时候menuId为[],从左侧删除当前选中的时候，从menuId中删除当前id

  当然，直接清空也可以使用this.$refs.tree.setCheckedKeys([])

  menuId其实可以通过computed来控制，通过let ids = this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())计算得到menuIds，这样的话，当左侧选择、反选操作的时候不会导致menuIds错误，同时，当子节点全部被取消的时候，父节点也不会被选中，menuId中也不会包含空的父节点id

• 也可以使用

  

Answer 2

当删除右边的时候，找到当前删除的id，然后左边树形控件对应的id用setChecked方法

delete(data,index) {
 this.$refs.tree.setChecked(data.id,false)
}