设置keep-alive后 修改vuex中数据 页面不更新

设置当前页面中设置keep-alive 为true isBack为false
image.png(图1)

activated钩子函数中判断isBack是否为true来调用接口请求数据
image.png(图2)
页面要求效果 点击每一项 跳转到另一个页面
image.png(图3)

跳转之后
image.png(图4)
点击某个选项之后再返回上个页面同时把选中的数据带过去

现在的话我把图3的列表数据是存在vuex里面的 同时点击时传下标到图4 然后点击之后在图4页面操作vuex中的数据进行更改
现在数据可以更改了 但是由于设置过keep-alive 导致页面中的数据不会更新
image.png
数据我也放在计算属性里了
但就是不更新

--- 我发现devTools中点击一下这个再修改就又可以更新了 然后再次刷新 又不行了
image.png

会不会和数据格式有关系 vue不能监测数组的变动
bf就是我新增的数据
image.png

阅读 3.5k
1 个回答

完结撒花 !

dispach
vuex放异步操作

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