el-tree当前选中的节点数据改变,刷新数据当前选中节点不变,如何用代码实现
时间: 2023-05-15 08:06:40 浏览: 1016
Element-ui el-tree新增和删除节点后如何刷新tree的实例
可以使用 el-tree 的 ref 属性获取到 el-tree 的实例,然后监听其 current-change 事件,在事件回调函数中调用 el-tree 的 updateKeyChildren 方法更新当前选中节点的子节点数据。具体代码如下:
<template>
<el-tree ref="tree" :data="data" :props="props" @current-change="handleCurrentChange"></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
label: '节点1',
children: [
{
label: '子节点1'
},
{
label: '子节点2'
}
]
},
{
label: '节点2',
children: [
{
label: '子节点3'
},
{
label: '子节点4'
}
]
}
],
props: {
children: 'children',
label: 'label'
}
}
},
methods: {
handleCurrentChange(node) {
this.$refs.tree.updateKeyChildren(node.key, this.getChildrenData(node))
},
getChildrenData(node) {
// 根据当前选中节点的数据获取其子节点数据
// ...
}
}
}
</script>
阅读全文