如何在Nuxt存储突变中使用$ set?

时间:2020-10-27 15:46:20

标签: vue.js nuxt.js vuex

我正在尝试修改Vuex存储对象键的值,但以下三种方式却出现错误:

export const mutations = {
  USER_UPDATE(state, payload) {
    this.$set(state.user, 'name', payload.name), // test 1
    // vm.$set(state.user, 'name', payload.name), // test 2
    // Vue.$set(state.user, 'name', payload.name)}, // test 3
  }
}

使用this.vm.,我得到 ReferenceError:未定义vm

Vue.文件顶部有import Vue from 'vue'store/index.js,我得到 TypeError:vue__WEBPACK_IMPORTED_MODULE_6 __。default。$ set不是函数

在Nuxt存储区$set中使用mutations的正确方法是什么?

1 个答案:

答案 0 :(得分:0)

我终于使用以下语法对其进行了修复:

export const mutations = {
  USER_UPDATE(state, payload) {
    this._vm.$set(state.user, 'name', payload.name);
  }
}