H5W3
当前位置:H5W3 > JavaScript > 正文

【JS】ElementUI table 组件展开 expand,动态更新数据时,视图没有自动更新

在更新数据后,调用一下this.$refs.table.toggleRowExpansion()就好了

/////// 这不是“正确”的解决方法,只是我做了很多尝试之后试出来的一个 hack,很凑巧地能解决问题……

////// 看源码,调用 toggleRowExpansion 方法,源码里会调用this.scheduleLayout(); 再调用 this.table.debouncedUpdateLayout(); 然后视图就更新了……

这样的页面:
【JS】ElementUI table 组件展开 expand,动态更新数据时,视图没有自动更新

代码:

<el-table ref="table"
// 省略其他代码
></el-table>
  async getSubTable(row) {
let params = {
id: row.id,
page: row.page
}
let res = await task.getSubTable(params)
row.detail = res.rows
row.total = res.total
this.$refs.table.toggleRowExpansion()
},

本文地址:H5W3 » 【JS】ElementUI table 组件展开 expand,动态更新数据时,视图没有自动更新

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址