vue 在表格操作栏中点击删除后系统显示删除成功,但表格数据没有变化
问题描述:点击删除后重新调用后端获取数据的接口,表格数据应该刷新,但是在点击删除后系统显示删除成功,表格数据没有刷新,当再次点击刚删掉但是还显示在表格中的那条数据,则显示该文件不存在,说明表格绑定的数据没有更新成功或没有正确更新
问题解决:
后面仔细回去看了看代码,发现调用更新数据方法的代码放置的位置有误,这是由于代码并不是完全按顺序执行,修改了之后问题就解决了
修改前,更新数据的方法没有放在请求成功之后再执行,可能当请求还在等待返回的结果时this.getFilesList()就已经执行了,所以重新获取数据的接口调用后获取到的还是删除之前那些数据

修改后,将this.getFilesList()放在请求成功之后再执行,问题就解决了。

本文讲述了Vue开发中点击删除操作后数据不更新的问题,通过调整代码执行顺序解决,关键在于确保在请求成功后再更新表格数据。
3932

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



