element-ui tree开发中遇到需要更新tree节点的数据,在更新时代码设置值不会更新到ui呈现,比如如下效果的tree在用户点击单选框时会出现不动的现象,这是由于element tree没有更新视图
通过以下方法可以动态更新值,在用户展开节点的下一级时执行以下方法就可以了
tree组件调用node-expand方法 @node-expand="handleNodeExpand"
handleNodeExpand(data, node){
// 处理数据可以再修改的手段
this.$refs.tree.updateKeyChildren(node.data.id, JSON.parse(JSON.stringify(node.data.children)))
},