vue删除列表数据,重新刷新页面

今天重构医废平台h5页面快要完工的时候,测试大哥又给我找了个bug,当列表中只有一条数据时,删除后还保留着,不能重复删除,但是列表中有多条数据时不会出现保留数据的情况,是我一时傻了,究其原因是删除数据后没有重新加载页面。我自己尝试着删除数据后重新获取列表数据,数据还是保留着,又试了试路由跳转的方法,还是不行,从网上找了个不大合适的方法(我觉得挺好的),使用this.$router.go(0),会强制刷新,出现空白页面体验不好。还有一种最佳方法,我没有尝试,因为this.$router.go(0)已经重新加载页面了,原谅我没有精益求精的精神,实在是被h5页面搞得烦了,后来仔细检查代码为什么重新向后台获取删除后的数据会出问题,原来是获取列表数据之前没有将列表置空。置空后列表数据删除就没有问题了。从这个问题上我知道了任何开发产品都没有一开始就完善的产品,要有不断修改的心理准备。

//  _this.$router.go(0);在ios上测试无效。
//  _this.$router.push("/showWaste?userId=" + this.userId);
 _this.getWasteList();
 
 

猜你喜欢

转载自www.cnblogs.com/modefy/p/11697873.html