异步请求的数据出现错位问题

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

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

this.$nextTick貌似也不行

应该如何解决?

这是组件的methods

clipboard.png

这是action.js

clipboard.png

这是mutations.js

clipboard.png

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

阅读 3k
2 个回答

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

你将发送ajax请求放到每个组件内部的created方法里面··不是更好吗??不能为了用vuex而用vuex啊,dispatch方法本身就是异步的,难免会出现莫名的问题·····

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题