Vue 监听vuex对象 数据改变了 但是监听没有反应 刷新页面 就可以了

如果在刷新页面后监听器才能正常工作，这可能是因为在刷新页面时，Vue 实例和 Vuex 的状态都会重新初始化，而监听器只会在 Vue 实例创建后才会生效。
一种解决方法是将监听器的代码放在 Vue 实例的 created 生命周期钩子函数中，这样可以确保监听器在 Vue 实例创建后立即生效。示例如下：
// 在Vue组件中
export default {
// ...
created() {
// 监听vuex对象的变化
this.$watch(
() => this.$store.state.yourVuexObject, // 监听的vuex对象
(newValue, oldValue) => {
// 处理变化的逻辑
console.log('vuex对象发生了变化', newValue, oldValue);
},
{ deep: true } // 深度监听，也可以根据需要设置其他选项
);
},
// ...
}
登录后复制
通过将监听器放在 created 生命周期钩子函数中，可以确保在组件创建后立即进行监听。
另外，请确保在定义 Vuex 的状态时，使用了 Vue 提供的响应式方法，例如使用 Vue.set(obj, key, value) 或者 this.$set(obj, key, value) 进行状态的修改，以确保监听器可以正常触发。
希望这个解决方案对你有帮助！如果还有其他问题，请随时提问。