vue.js - 异步请求的数据出现错位问题

问题描述

问 题

现在的情况是点击第一张图，跳转路由，显示图及相关数据。
然后点击返回，点击第二张图，跳转路由，显示的是刚才的图和数据。

经过调试发现每次都在新的api数据存放到vuex对应状态之前，原来已经保存好的旧数据就渲染到页面，导致更新不及时，每次都是上一次的数据，需要再次点击才能显示正确。

this.$nextTick貌似也不行

应该如何解决？

这是组件的methods

这是action.js

这是mutations.js

明明知道错的原因但是却束手无策！求解决办法啊啊啊啊！！在线等。

解决方案

也许可以每次点击进来的时候你可以先把数据清除掉

这篇关于vue.js - 异步请求的数据出现错位问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！