V 模型与 Vuex 不绑定

Question

我遵循了使用 get 然后在计算属性中设置的模型，以使 vmodel 与 Vuex 和 <textarea> 的输入一起工作，但有些东西不起作用，我不确定它是什么。

我有：

<textarea
          class="text-area size19"
          rows="10"
          v-model="userInput"
          aria-label="With textarea"
          placeholder="The more keywords you add, the better..."
        ></textarea>

 computed: {
   userInput: {
    get() {
    return this.$store.getters.userInput;
    },
    set(value) {
    this.$store.commit("updateUserInput", value);
  }
}
}

然后在 .store 中有一个 getter 只返回值和一个像这样的突变：

updateUserInput: (state, newUserInput) => {
  state.userInput = newUserInput;
}

Answer 1

我的猜测是

要么：

updateUserInput: (state, newUserInput) => {
   Vue.set(state, 'userInput', newUserInput)
}

或：

getters: {
  userInput(state){return state.userInput}
},

其实

computed: {
  userInput: {
    get: funciton(){
      return this.$store.state.userInput
    },
    set: function(newVal){
       this.$store.commit('updateUserInput', newVal)
    }
}