el-tree删除节点的勾选状态
el-tree使用default-checked-keys属性,通过一个id数组赋值,设置树的复选框勾选状态。但删除选中状态的话,清空数组是无效的。数组的数据被删除无法直接反应在复选框取消勾选上。使用组件提供的this.
r
e
f
s
.
t
r
e
e
.
s
e
t
C
h
e
c
k
e
d
K
e
y
s
(
[
]
)
;
来
取
消
勾
选
t
h
i
s
.
refs.tree.setCheckedKeys([]);来取消勾选 this.
refs.tree.setCheckedKeys([]);来取消勾选this.nextTick() dom更新之后再执行回调
this.defaultcheckedtreenode = JSON.parse(JSON.stringify(this.defaultcheckedtreenode));
this.defaultcheckedtreenode.remove(config.id);//删除相应父级的勾选状态
this.$nextTick(function() {//取消勾选状态的方法需要配合setCheckedKeys使用。直接改变数组数据无法取消勾选状态
this.$refs.tree.setCheckedKeys(this.defaultcheckedtreenode,true);
})