Vuex에서 커밋을 트리거하기 위해 getter 및 setter와 함께 계산된 속성을 사용하는 방법

Vuex에서 커밋을 트리거하기 위해 getter 및 setter와 함께 계산된 속성을 사용하는 방법

계산된 속성을 사용하고 있습니다.category다음과 같이 v-module에 의해 바인딩된 입력 필드에 입력합니다.

  <select name="Category" :value="category">
    <option value="AC">AC</option>
    <option value="TV">TV</option>
    ...
  </select>

그리고 이 계산된 속성의 getter와 setter는 다음과 같습니다.

computed:{
    category: {
      get () {
        return this.$store.state.category
      },
      set (value) {
        console.log("Value of category changed")
        this.store.commit("SET_CAT", value)
      }
    }
}

단, 입력을 변경했을 때 설정자가 호출되지 않습니다.How can I achived this 또는 HTML 입력 필드에서 직접 상태 변수를 변경할 수 있는 다른 방법이 없습니다.

여기 이걸 위해 바이올린을 켰다.

이것은 변경만으로 작동했다.v-bind로.v-model에select.

<select name="Category" v-model="category">
  <option value="" disabled hidden>Select Product</option>
  ....

여기 바이올린이 있어요.

더 좋은 방법이 있다고 생각되면 글을 올려주세요.

언급URL : https://stackoverflow.com/questions/40526298/how-to-use-computed-property-with-getters-and-setters-to-trigger-commit-in-vuex