VueX中使用辅助函数在进行v-model 绑定数据报错

当你在使用Vuex的state中的状态时，在Vue中使用了v-model绑定数据报错

计算属性“show”已分配给，但它没有setter。

 就如上面报错！

错误代码如下：

原因：

1. 组件中v-model=“XXX”，而XXX是vuex state中的某个变量
2. 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'])
  }

谢谢，您的观看！可以多多关注我！后续会发很多的技术探讨！ 我们一起努力成为行业大佬！！