当前位置:   article > 正文

el-table怎么实现添加数据的时候,页面重新懒加载load一遍_el-table重新加载

el-table重新加载

1.背景:el-table在进行懒加载的时候,已经点开了某一行,再对数据添加子数据的时候,因为已经进行了懒加载,就不会再重新发请求获取子数据。

2.解决办法:这个时候需要重新渲染el-table获取数据,进行懒加载。

  1. <el-table :data="tableData" :key="tableKey" :lazy="true" :load="loadData">
  2. <el-table-column><template v-if="i.prop == 'name'">
  3. <h-button
  4. icon="el-icon-add"
  5. type="text"
  6. @click="addChildGroup(row)"
  7. >{{ $t('添加') }}</h-button
  8. ></el-table-column>
  9. </el-table>
  10. data() {
  11. return {
  12. tableData: [], // 存储表格数据
  13. tableKey: 0, // 表格的 key,初始值为 0
  14. };
  15. },
  16. methods: {
  17. // 加载数据的方法(loadData)等
  18. // ...
  19. reloadTable() {
  20. // 当点击添加按钮时,更新 tableKey 的值,从而触发表格的重新加载
  21. this.tableKey += 1;
  22. },
  23. addChildGroup(row){
  24. 。。。。。。。//进行添加数据之后
  25. this.reloadTable()
  26. }
  27. }

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

闽ICP备14008679号