当前位置:   article > 正文

el-table使用懒加载时,新增和删除,数据不更新问题_el-table then 不更新

el-table then 不更新

  1. data() {
  2. treeNodeMap: new Map(), // 用于存储所有懒加载节点的数据
  3. }
  4. methods: {
  5. //懒加载时,将该节点的信息存入map集合
  6. loadExpandData(tree, treeNode, resolve) {
  7. this.treeNodeMap.set(tree.id,{tree, treeNode, resolve})
  8. getFgAssetTypeMain(tree.id).then(res => { // 删除节点时,如果此节点没有为空时,走else
  9. if(res.data.list.length != 0) {
  10. resolve(res.data.list)
  11. }else {
  12. this.$set(this.$refs.refTable.$refs.JNPFTable.store.states.lazyTreeNodeMap, tree.id, {})
  13. getFgAssetTypeMain(tree.parent).then(res => {
  14. // 这里对el-table进行了二次封装,this.$refs可根据自己需求来改变
  15. this.$set(this.$refs.refTable.$refs.JNPFTable.store.states.lazyTreeNodeMap, tree.parent, res.data.list)
  16. })
  17. }
  18. })
  19. },
  20. //删除或修改某个节点时,调用该方法,并传入对应的节点id
  21. refreshRow(id) {
  22. const node = this.treeNodeMap.get(id)
  23. if(node != undefined) {
  24. const {tree, treeNode, resolve} = node
  25. this.loadExpandData(tree, treeNode, resolve)
  26. }
  27. },
  28. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/495970
推荐阅读
相关标签
  

闽ICP备14008679号