当你在使用Vuex的state中的状态时,在Vue中使用了v-model绑定数据报错
计算属性“show”已分配给,但它没有setter。
就如上面报错!
错误代码如下:
原因:
- 组件中v-model=“XXX”,而XXX是vuex state中的某个变量
- vuex中是单项流,v-model是vue中的双向绑定,但是在computed中只通过get获取参数值,没有set无法改变参数值
下面是解决方法:
在computed中添加get和set
computed:{
...mapState({
lists:'lists',
// show:'show'
}),
show:{
get(){
return this.$store.state.show
},
set(show){
this.$store.state.show=show
}
}
},
methods:{
...mapMutations(['checked']),
...mapMutations(['checks']),
...mapMutations(['del'])
}
谢谢,您的观看!可以多多关注我!后续会发很多的技术探讨! 我们一起努力成为行业大佬!!