Vue.js 如何在Nuxt存储中使用$set?
我试图修改Vuex存储对象键的值,但通过以下三种方式出现错误:Vue.js 如何在Nuxt存储中使用$set?,vue.js,nuxt.js,vuex,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', payl
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.
,我得到引用错误:vm未定义
使用Vue.
和import Vue from'Vue'
在我的store/index.js
文件的顶部,我得到TypeError:Vue\uu WEBPACK\u IMPORTED\u MODULE\u 6\uuuuuuuuuuu。默认值。$set不是函数
将
$set
与Nuxt store突变一起使用的正确方法是什么?我最终使用以下语法修复了它:
export const mutations = {
USER_UPDATE(state, payload) {
this._vm.$set(state.user, 'name', payload.name);
}
}
Vue.$set
应该是。您真的需要它吗?@Ifaruki在这个特定的示例中,它确实不是必需的,但对于嵌套对象,它是必需的→ @今晚19点,谢谢,它工作正常,但它需要从存储文件顶部的“Vue”导入Vue
。