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

Posted 2021-03-25 modefy

今天重构医废平台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();