美文网首页
el-table-tree 更新数据被缓存,重新加载不能更新lo

el-table-tree 更新数据被缓存,重新加载不能更新lo

作者: 与你何干_1bc9 | 来源:发表于2020-11-19 18:31 被阅读0次

    效果:


    更新前
    修改数据后

    具体实现方法:

    // data data里面添加映射
      data() {
        return {
          maps: new Map()
        }
      },
    
    // methods  table-tree懒加载
        async load(tree, treeNode, resolve) {
          this.maps.set(tree.id, { tree, treeNode, resolve })
          let list = await this.getDetailsData(tree.type, tree.id)
          resolve(list)
        },
    
    // methods  search 查询
      search() { 
         this.init()
         const { tree, treeNode, resolve } = this.maps.get(this.row.id)
         this.load(tree, treeNode, resolve)
        },
    

    补充:
    有的时候发现数据重新请求了但是页面没有更新,那是因为他组件里有缓存数据

    this.$set(this.$refs.table.store.states.lazyTreeNodeMap, row-key, []); // 重置一下缓存
    

    相关文章

      网友评论

          本文标题:el-table-tree 更新数据被缓存,重新加载不能更新lo

          本文链接:https://www.haomeiwen.com/subject/tepliktx.html