vuex实现store双向绑定

我在vue项目使用store存储变量,在页面input进行属性的双向绑定时,报出Computed property “route” was assigned to but it has no setter的错误,查找很多原因,参考官方文件找到了 解决方法。要在computed中添加get和set两个方法。
项目中的input:

<input type="text" v-model="phoneNumber">

computed中的内容:

computed:{
  
    phoneNumber:{
      get(){
        return this.$store.state.phoneNumber    
   },
      set(value){
       this.$store.commit('setPhoneNumber',value)
   }
    }
  }

在store.js中这样设置:

 state: {
    phoneNumber:'', 
   
  },
  mutations: {
    setPhoneNumber(state,val){
      state.phoneNumber=val
    }
  }

现在可以实现phoneNumber的双向绑定

你可能感兴趣的:(vuex实现store双向绑定)