Vmodel与Vuex不绑定

时间:2019-03-08 22:28:53

标签: vuex

我遵循了使用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中,有一个只会返回值和这样的突变的吸气剂:

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

1 个答案:

答案 0 :(得分:0)

我的猜测是

要么:

void add(int n, int k, int *result) {
   *result = n+k;
}

...

int sum;
add(1, 2, &sum);
// use sum as needed...

或:

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

但实际上

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