vue 在表格操作栏中点击删除后系统显示删除成功,但表格数据没有变化

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

vue 在表格操作栏中点击删除后系统显示删除成功,但表格数据没有变化

问题描述:点击删除后重新调用后端获取数据的接口,表格数据应该刷新,但是在点击删除后系统显示删除成功,表格数据没有刷新,当再次点击刚删掉但是还显示在表格中的那条数据,则显示该文件不存在,说明表格绑定的数据没有更新成功或没有正确更新

问题解决:

后面仔细回去看了看代码,发现调用更新数据方法的代码放置的位置有误,这是由于代码并不是完全按顺序执行,修改了之后问题就解决了

修改前,更新数据的方法没有放在请求成功之后再执行,可能当请求还在等待返回的结果时this.getFilesList()就已经执行了,所以重新获取数据的接口调用后获取到的还是删除之前那些数据
在这里插入图片描述
修改后,将this.getFilesList()放在请求成功之后再执行,问题就解决了。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值