vue中表格数据已改变,页面却未更新数据。强制更新数据

最近开发中遇到个问题:

表格先获取数据,之后再次操作数据后需要更新表格数据。

此时数据已经修改,但是表格中未显示最新数据。

解决:重新渲染表格

下文列举了3种方法,说说使用体验吧。

1. 使用v-if重新渲染表格。由于我的逻辑需求必须使用v-show,所以我这里重新设置了v-show,但延迟比较严重

 

2. 本人使用了下列第二种方法,加个key值,效果很好。

 

3. 使用this.$forceUpdate()强制刷新,不知道为啥并未生效。。。 这个方法是把整个组件都强制刷新,不知道是不是因为数据太多了

 

详情:https://www.cnblogs.com/cjjjj/p/12405901.html

posted @ 2021-01-20 09:38  九许尘歌  阅读(5824)  评论(0编辑  收藏  举报