this.$set(this.$refs.table1.store.states, "treeData", {}); 1. 2. 最好的解决办法就是:找到了打开子节点数据懒加载时,更新数据的关键: this.$set(lazyTreeNodeMap, key, data); lazyTreeNodeMap: 就是this.$refs.table.store.states.lazyTreeNodeMap key:就是table-key,相当于父节点数据的id data...
elementui tree懒加载刷新问题 在用elementUi el-tree懒加载的时候,发现只加载一次,即使数据刷新了,但是tree就是不刷新。 解决思路 将el-tree的resolve和值保存起来,然后在调用的时候将值初始化,也就是一个空数组就行了。 直接复制粘贴: data{return{ node_had:'', resolve_had :'' ... } } //首先是保...
const nodeData = {name: '新增节点'} this.$refs.tree.append(nodeData, node) }, 1. 2. 3. 4. 那么怎么处理呢,可以与后台协商,在添加成功对接口里返回该节点对 ID,然后 append 节点的时候,把此节点的 ID 也添加进去,就 OK 了。 第二种解决方案:可以在第一次加载数据的时候,把 loadNode 的 2 ...
<el-tree :data="rootNodeData" class="catalogTree" ref="catalogTree" highlight-current node-key="id" lazy :load="treeLoadNode"> </el-tree> data(){ return { rootNodeData: [], nodeZero: null, resolveZero: null, loading: false } }, methods: { /** * 目录懒加载 * @param {Object...
elementuitree懒加载刷新问题在⽤elementUi el-tree懒加载的时候,发现只加载⼀次,即使数据刷新了,但是tree就是不刷新。解决思路 将el-tree的resolve和值保存起来,然后在调⽤的时候将值初始化,也就是⼀个空数组就⾏了。直接复制粘贴:data{ return{ node_had:'',resolve_had :'' ... } ...
element-ui el-tree lazy懒加载局部刷新的问题 在项目开发中,使用el-tree 进行懒加载的时候,如果遇到需要进行添加 删除操作的时候,整体刷新数据体验会很不好,所以需要局部进行刷新, 我们可以通过找到树节点的形式,对当前展开的节点进行重新打开请求一次,以此来获取最新数据 ...
最近弄一个项目,因为树形数据量较大,必须要一层层加载数据。所以采取了树形懒加载方式,但是element官方文档并未找到可直接提供刷新某个树节点的方法,那我直接对某一个子节点进行数据操作总不能整个tree刷新数据吧,这样子体验和操作数据极不方便。 <el-tree:highlight-current="true"node-key="StandardID"ref="tree...
updateTableTree(pid, nodes) { //更新节点数据 //pid为父级id,nodes为修改后的子集内容 //以下面数据结构举例 //pid=3 子集为id等于3的children数据 this.$set(this.$refs.tableRefName.store.states.lazyTreeNodeMap,pid, nodes ); }, refTable() { /** *作用:更新树状节点 * 因树状原因需更新外层...
最近在项目中用到了 elementUI 的懒加载 tree 组件,因为项目里有新增、修改、删除节点的功能,使用了以后发现不能主动更新 tree 的数据,查阅资料,发现找不到解决的方案,最后尝试了 N 多种方法,最后终于搞定了。 先上一部分代码 html 部分 <el-tree
elementui tree懒加载实施更新问题 在一次处理树状图数据量过多问题时遇到该问题,所以写下文档进行记录,也希望能帮助到其他有相同烦恼问题的人。 分享人才是最大的受益者,其实之前我写的代码比你们见到的要繁琐和不规范的多,在写本篇博客的过程中,也发现了自己的很多问题。如果您在阅读该文章时发现了其他问题,烦请...