Computed property "xxx" was assigned to but it has no setter.
@/store/modules/user.js
export default {
state: {
msg: '123456'
}
}
@/store/index.js
import Vue from 'vue'
import vuex from 'vuex'
import user from './modules/user'
Vue.use(vuex)
export default new vuex.Store({
modules: {
user
}
})
@/components/HelloWorld.vue
computed: {
...mapState({
msg: state => state.user.msg,
user: state => state.user
})
},
methods: {
onChange: function () {
this.msg = 'abc' // 这一行有问题
this.user = { // 这一行也有问题
msg: 'def'
}
this.user.msg = '123' // 这一行没有问题
}
}
image.png
user 会默认有类似setMsg函数，而this不会默认有setMsg或者setUser函数，所以会报错。
参考：https://blog.csdn.net/cominglately/article/details/81063065
