v-model이 null인 경우 Vue.js에서 확인란 값을 false로 설정합니다.

v-model이 null인 경우 Vue.js에서 확인란 값을 false로 설정합니다.

다음 vue.js 예제에서는 값이myBool이null, 체크박스가 반환되지 않습니다.N.

<input v-model="myBool" true-value="Y" false-value="N" type="checkbox">  

하지만, 만약 내가myBool로.false, 체크박스가 반환됩니다.N값을 얻으려면 어떻게 해야 합니까?N그럼에도 불구하고.myBool이null체크박스의 반환값을 수동으로 체크한 후 로직을 추가하여 false로 만들고 싶지 않습니다.더 좋은 방법은 없을까?N을 중시하다myBool이null?

아직 시도하지 않았지만 v-model을 Calculated Setter로 설정했을 수 있습니다.

computed: {
  myBoolComputed: {
    // getter
    get: function () {
      return this.myBool ? true : false
    },
    // setter
    set: function (newValue) {
      this.myBool = newValue
      // or if preferred to stay strictly Boolean
      // this.myBool = (newValue === 'Y')
    }
  }
}

템플릿

<input v-model="myBoolComputed" true-value="Y" false-value="N" type="checkbox">

언급URL : https://stackoverflow.com/questions/47166863/when-v-model-is-null-set-checkbox-value-to-be-false-in-vue-js