javascript - Vuex + vue 在使用字典作为状态对象时没有反应

标签 javascript vue.js vuex vue-reactivity

我需要使用字典作为我的存储变量之一,但它不像数组那样是响应式(Reactive)的,解决这个问题的最佳做法是什么? 我创建了最小的例子:

https://codesandbox.io/s/vuex-store-forked-ko3md?file=/src/App.vue

最佳答案

为了添加新的响应式 Prop ,而不是使用直接赋值,您应该使用 Vue.set() 方法:

  ADD_ITEM(state, { key, value }) {
    Vue.set(state.dict, key, value)
  }

要更深入地了解 Vue react 性,您应该阅读官方文档:https://v2.vuejs.org/v2/guide/reactivity.html

关于javascript - Vuex + vue 在使用字典作为状态对象时没有反应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67811925/

相关文章:

javascript - 鼠标进入和鼠标离开闪烁

javascript - 使用django-cms配合VueJS打破了前端编辑

vue.js - vue 外部函数,将数据传入 vue

javascript - 如何正确使用带有 lodash debounce 的 Vue JS watch

vue.js - Vuex |我们可以将哪些选项传递给 commit 方法?

vue.js - Vuex 观察动态变化值

javascript - 使用 emailjs 通过 javascript 发送内联附件

javascript - whatsapp://send?从 '&'字符到结尾的文本剪切字符串?

javascript - jQuery中使用map函数将列表的数据属性获取到数组中

vue.js - 从 VueJS2 轻松迁移到 VueJS3 的最佳实践?