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...
const nodeData = {name: '新增节点'} this.$refs.tree.append(nodeData, node) }, 1. 2. 3. 4. 那么怎么处理呢,可以与后台协商,在添加成功对接口里返回该节点对 ID,然后 append 节点的时候,把此节点的 ID 也添加进去,就 OK 了。 第二种解决方案:可以在第一次加载数据的时候,把 loadNode 的 2 ...
element-ui el-tree lazy懒加载局部刷新的问题 在项目开发中,使用el-tree 进行懒加载的时候,如果遇到需要进行添加 删除操作的时候,整体刷新数据体验会很不好,所以需要局部进行刷新, 我们可以通过找到树节点的形式,对当前展开的节点进行重新打开请求一次,以此来获取最新数据 <el-tree lazy ref="tree":load="loadNode...
elementuitree懒加载刷新问题在⽤elementUi el-tree懒加载的时候，发现只加载⼀次，即使数据刷新了，但是tree就是不刷新。解决思路 将el-tree的resolve和值保存起来，然后在调⽤的时候将值初始化，也就是⼀个空数组就⾏了。直接复制粘贴：data{ return{ node_had:'',resolve_had :'' ... } ...
<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...
elementui tree懒加载刷新问题 在用elementUi el-tree懒加载的时候,发现只加载一次,即使数据刷新了,但是tree就是不刷新。 解决思路 将el-tree的resolve和值保存起来,然后在调用的时候将值初始化,也就是一个空数组就行了。 直接复制粘贴: data{return{
一、问题描述 element ui的table组件设置成懒加载时,遇到数据表格需要更新、删除等操作,子节点不会自动更新。 二、解决思路 刷新数据,就是重新调用load(),通过map记录已展开的节点,需要刷新数据时,取出对应treeNode,调用load()进行数据刷新。 三、代码实现(VUE)
最近在项目中用到了 elementUI 的懒加载 tree 组件,因为项目里有新增、修改、删除节点的功能,使用了以后发现不能主动更新 tree 的数据,查阅资料,发现找不到解决的方案,最后尝试了 N 多种方法,最后终于搞定了。 先上一部分代码 html 部分 <el-tree
定义一个map数据,存储懒加载数据集 maps: new Map() load方法处理 childrenLoad (row, treeNode, resolve) { // queryAddressList接口请求 this.queryAddressList(params).then(res => { let arr = res.data.data || [] if (arr.length) {
elementui tree懒加载实施更新问题 在一次处理树状图数据量过多问题时遇到该问题,所以写下文档进行记录,也希望能帮助到其他有相同烦恼问题的人。 分享人才是最大的受益者,其实之前我写的代码比你们见到的要繁琐和不规范的多,在写本篇博客的过程中,也发现了自己的很多问题。如果您在阅读该文章时发现了其他问题,烦请...