Vuex + vue 在使用字典作为状态对象时没有反应
Vuex + vue not reactive when using dictionary as state object
我需要使用字典作为我的存储变量之一,但它不像数组那样是反应式的,解决这个问题的最佳做法是什么?
我创建了最小示例:
https://codesandbox.io/s/vuex-store-forked-ko3md?file=/src/App.vue
为了添加新的反应道具,而不是使用直接赋值,你应该使用Vue.set()
方法:
ADD_ITEM(state, { key, value }) {
Vue.set(state.dict, key, value)
}
为了更深入地了解 Vue 反应性,您应该阅读官方文档:https://vuejs.org/v2/guide/reactivity.html
我需要使用字典作为我的存储变量之一,但它不像数组那样是反应式的,解决这个问题的最佳做法是什么? 我创建了最小示例:
https://codesandbox.io/s/vuex-store-forked-ko3md?file=/src/App.vue
为了添加新的反应道具,而不是使用直接赋值,你应该使用Vue.set()
方法:
ADD_ITEM(state, { key, value }) {
Vue.set(state.dict, key, value)
}
为了更深入地了解 Vue 反应性,您应该阅读官方文档:https://vuejs.org/v2/guide/reactivity.html