el-table表格数据变化，页面不更新问题_不刷新页面只刷新el_table

作者：Gausst松鼠会 | 2024-02-18 11:31:05

踩

不刷新页面只刷新el_table

最近在做列表首页时，根据条件切换当前table，但是数据更新后，页面不刷新问题
尝试了几种方法，还是没效果

 1. 在nextTick中使用this.$refs.table.doLayout()
 2. 在data赋值前清空tableData
 3. 强制刷新：this.$forceUpdate()
1
2
3

后面在blog中看到某位大佬的方法，给table加个key，页面就能更新了，所以Mark下

<el-table
    ref="table"
    :data="tableData"
    :key="itemKey"
></el-table>


// 在tableData赋值的地方，顺便随机设置下key，页面就会刷新了
this.itemKey = Math.random()
1
2
3
4
5
6
7
8
9

总结：设置key这种，就像路由不重新加载的解决方法一样，也是在router-view上加key来强制刷新，所以类似很多组件不刷新的问题，加个key应该都能重新渲染试图

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/107602