问题描述:在ant design 中table表格中添加一条新的记录,但是表格不刷新数据,第二次提交才刷新出第一条的数据。
解决方法:
在app.vue中写
provide(){
return {
reload: this.reload
}
methods中:
reload() {
this.isRouterAlive = false`在这里插入代码片`
this.$nextTick(function () {
this.isRouterAlive = true
})
}

在你添加表格数据的页面中注入reload

然后在添加数据的方法中引入this.reload() 即可

这样做,因为reload有强制当前页面刷新的功能
如果不需要页面重新刷新一遍,我们可以把提交的数据当作data传给后端。

这样表格提交后自动刷新
本文详细介绍了在AntDesign中遇到的表格数据更新不实时显示的问题,并提供了解决方案。通过在app.vue中定义reload方法,利用isRouterAlive属性实现页面的强制刷新,确保数据更新后立即可见。

2113

被折叠的 条评论
为什么被折叠?



