Computed property “name“ was assigned to but it has no setter.报错解决办法

原因分析

去有道翻译了下哈哈，这么说的已分配计算属性“name”，但它没有setter。

什么意思呢？

首先这个报错的前提是你在计算属性computed中获取了name，但是你又在页面其他地方直接修改name的值就会报这个错，所以你需要在添加计算属性的时候需要使用getter和setter的形式，或者直接 在watch中监听name改变，然后赋值给本地另一个值，如下代码：

data(){
	modelName: '',
},
watch:{
	name(val){
	     //直接赋值给本地data中的属性，就不会报错啦
	     this.modelName = val
	},
},
computed: {
	...mapState('common', {
        name: state => state.name
      }),
}

如有其他更好的写法，欢迎大佬指教