}).then(() =>{deleteApi(ids).then(async() => {// 刷新树awaitgetTreeData();//删除时,树的数据改变了,但是树不刷新,需要手动调用树的remove方法if(treeRef.value) { treeRef.value.remove(currentTreeItem); }ElMessage.success("操作成功"); }); }); };...
这个时候我们要更新数据的话,只能使用其他的办法,如下: 1refreshTreeNode(isParent) {2//如果传入isParent 为真则刷新父元素,主要是用来重命名,或者复制的时候使用的;刷新当前的节点,一般的情况是添加操作3let node =isParent4?this.$refs.treeRef.getNode(‘父节点的唯一ID’)5:this.$refs.treeRef.getNode(‘...
最近遇到一个问题:用 el-tree 组件编辑导航栏页面权限时,发现,即使获取的 checkedData 更新了,视图也不会改变( checkedData 用来控制选中的数据)。 解决方法: 关闭dialog的时候,销毁el-tree组件,给该组件添加一个if条件即可,打开时,将if条件置为true,关闭时置为false,即可销毁组件,v-if是会重新渲染组件的。 代...
更新前 修改数据后 具体实现方法: // 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...
通过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...
vue+element-ui el-tree 组件 的动态加载、新增、更新节点 说正事,我需要动态的加载出整个树形结构,刚好就有 符合需求,啦啦啦 用的时候出现问题了,我要如何把后台返回个我的数据加载到表里呢,上菜。。。 el-tree 标准样式了 部分 动态的加载树形数据 这里通过对ele 提供的方法 这里对 el-tree 的样式做了些许...