Question

在以下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值？

Answer 1

我没有试过这个，但可能将v-model设置为Computed 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">

当v-model为null时，在Vue.js中将checkbox值设置为false

1 个答案: