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

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

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

<el-table :data="tableData" :key="tableKey" :lazy="true" :load="loadData">
  <el-table-column><template v-if="i.prop == 'name'">
                <h-button
                  icon="el-icon-add"
                  type="text"
                  @click="addChildGroup(row)"
                  >{{ $t('添加') }}</h-button
                ></el-table-column>
</el-table>

data() {
  return {
    tableData: [], // 存储表格数据
    tableKey: 0,  // 表格的 key,初始值为 0
  };
},
methods: {
  // 加载数据的方法(loadData)等
  // ...
  reloadTable() {
    // 当点击添加按钮时,更新 tableKey 的值,从而触发表格的重新加载
    this.tableKey += 1;
  },
  addChildGroup(row){
    。。。。。。。//进行添加数据之后
    this.reloadTable()
    }
}

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值