sort(val) { if (val == 1) { this.treeData = this.sortTree(this.treeData, 1) console.log(this.treeData) } if (val == 0) { this.treeData = this.sortTree(this.treeData, 0) console.log(this.treeData) } } this.treeData为树的数据,给el-tree重新排序后,不渲染排序后的数据,console...
这个时候我们要更新数据的话,只能使用其他的办法,如下: 1refreshTreeNode(isParent) {2//如果传入isParent 为真则刷新父元素,主要是用来重命名,或者复制的时候使用的;刷新当前的节点,一般的情况是添加操作3let node =isParent4?this.$refs.treeRef.getNode(‘父节点的唯一ID’)5:this.$refs.treeRef.getNode(‘...
}).then(() =>{deleteApi(ids).then(async() => {// 刷新树awaitgetTreeData();//删除时,树的数据改变了,但是树不刷新,需要手动调用树的remove方法if(treeRef.value) { treeRef.value.remove(currentTreeItem); }ElMessage.success("操作成功"); }); }); };...
更新前 修改数据后 具体实现方法: // data data里面添加映射data(){return{maps:newMap()}}, // methods table-tree懒加载asyncload(tree,treeNode,resolve){this.maps.set(tree.id,{tree,treeNode,resolve})letlist=awaitthis.getDetailsData(tree.type,tree.id)resolve(list)}, // methods search 查询sea...
最近遇到一个问题:用 el-tree 组件编辑导航栏页面权限时,发现,即使获取的 checkedData 更新了,视图也不会改变( checkedData 用来控制选中的数据)。 解决方法: 关闭dialog的时候,销毁el-tree组件,给该组件添加一个if条件即可,打开时,将if条件置为true,关闭时置为false,即可销毁组件,v-if是会重新渲染组件的。 代...
通过element-ui官方提供的操作el-tree的api处理,不要直接操作el-tree数据。比如updateKeyChildren,参考链接:element-ui 有用 回复 撰写回答 你尚未登录,登录后可以 和开发者交流问题的细节 关注并接收问题和回答的更新提醒 参与内容的编辑和改进,让解决方法与时俱进 注册登录 ...
以前的树结构都是通过接口调用,获取所有树结构的数据,直接给el-tree组件赋值,然后进行一系列的操作。这次遇到了一个新的需求就是,因为树结构的数据量会很大,导致不能一次性给到全部的数据,只能按照展开的层级,一级一级的展开并且加载数据;这个时候就需要用到了el-tree组件的懒加载功能;先把element树结构的文档放在...
elmentui的el-tree数据加载问题,导致第一次加载选中当前节点和高亮当前节点没有生效。 解决方案 默认展开节点的解决 在el-tree上面挂上data-change <el-treeref="orgTree":options="orgTreeOptons"@data-change="handlechange"></el-tree> 1. 2.
4 el-tree :props="props" :highlight-current="true" lazy :load="loadNode" :expand-on-click-node="false" ref="tree"></el-tree> 5 props: { label: "orgName", isLeaf: "leafed" },6 loadNode(node, resolve) { // 加载子树数据的方法 if (node...