当使用iview的tree组件,在组件已经创建之后动态修改相关数据,树结构及相关状态并没有同步修改,只有展开/收起父节点的时候,才会更新。
这个时候我们可以给组件绑定key,修改数据后修改key值,使组件重新渲染,这样可以实现同步渲染。
<Tree :data="formatMenu" show-checkbox check-strictly
@on-check-change="changeTreeSelect"
ref="menuTree" :key="treeKey"
></Tree>
changeTreeSelect () {
this.formatMenu = loop(this.formatMenu); // 修改树结构数据
this.treeKey = new Date().getTime().toString();
}