html部分代码:
<el-tree
class="filter-tree"
node-key="enCode"
:data="areaTree"
:props="defaultProps"
:default-checked-keys="defaultChecked"
:expand-on-click-node="false"
show-checkbox
default-expand-all
ref="areaTrees">
</el-tree>
当需要动态改变树形结构的默认勾选值(例如每条数据都需要调接口查询,根据查询结果渲染树的选中情况)时,只修改defaultChecked的时,值的改变没有渲染相应的树节点,需要通过调用setCheckedKeys方法来改变选中状态:
js代码:
this.$nextTick(() => {
this.$refs.areaTrees.setCheckedKeys(this.defaultChecked);
})