el-trre选中节点,数据改变刷新整个el-trre数据当前选中的节点选中状态不变,代码如何实现
时间: 2023-05-22 10:01:08 浏览: 122
可以使用 el-tree 的 setCheckedKeys 方法来实现节点选中状态的改变和刷新整个数据。具体实现代码如下:
// 获取当前选中节点的 key 值
const checkedKeys = this.$refs.tree.getCheckedKeys();
// 修改数据
this.treeData = newData;
// 刷新整个 el-tree
this.$nextTick(() => {
// 设置选中状态
this.$refs.tree.setCheckedKeys(checkedKeys);
});
注意,这里使用了 $nextTick 方法来确保在数据更新后再刷新 el-tree,以避免出现不必要的问题。
相关问题
el-trre选中当前节点,数据改变刷新数据当前节点选中状态不变代码如何实现
您可以使用以下代码实现:
```javascript
// 获取当前选中节点
var selectedNode = $('#el-tree').tree('getSelected');
// 更新数据
selectedNode.text = '新的节点文本';
// 刷新数据
$('#el-tree').tree('reload');
// 重新选中当前节点
$('#el-tree').tree('select', selectedNode.target);
```
这段代码假设您正在使用 jQuery EasyUI 的树形控件,并且您已经在 HTML 中定义了一个 ID 为“el-tree”的元素。
el-trre选中当前节点,数据改变刷新数据当前节点选中状态不变
对于这个问题,您可以使用以下代码来实现:
elTree.$refs.tree.setCurrentKey(elTree.$refs.tree.currentNode.key);
elTree.$refs.tree.updateKeyChildren(elTree.$refs.tree.currentNode.key, newData);
其中,elTree 是您的树形组件的实例,newData 是您想要更新的数据。这段代码将会选中当前节点,并刷新数据,同时保持当前节点的选中状态不变。
阅读全文