vue.js - watch监测不到state的变化

问题描述

问 题

需求：在当前A组件点击弹窗中的按钮，前往B组件, B组件有一个返回按钮，点击之后返回A组件并打开弹窗
vuex中, 用returnValue来存储是否需要打开弹窗状态, 默认值为false
在B组件点击返回按钮时，returnValue设置为true
在A组件的computed中是看到returnValue的值变化的, 但是watch监测不到returnValue的变化, 请问怎么处理？

解决方案

补充一下答案吧，watch不到是因为，在B组件中已经改变了state,A组件已经被销毁，当跳转到A组件，A组件重建，这时候computed的state已经是最新的了，所以watch是不起作用的。

这篇关于vue.js - watch监测不到state的变化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！