javascript - Vuetify - v-text-field(类型 ="number") - 设置 null 而不是空字符串

Question

我有一个问题 v-text-field与 type="number" attr 在手动清除后将其值设置为空字符串。我需要它返回 null在这种情况下。
有没有像 :clear-value="null" 这样的属性？ ?
我在文档中找不到任何内容:https://vuetifyjs.com/en/api/v-text-field/#props

Answer 1

鉴于 v-model 是 shorthand for combining v-bind:value & v-on:input ，我能想到的最好的解决方法是将 v-model 拆分为单独的 v-bind:value 和 v-on:input 属性。
对于 v-on:input 属性，我们可以将值强制为空。
因此，给定一个像这样的现有字段:

<v-text-field 
  type="number"
  v-model="myValue"
></v-text-field>

可以改成这样:

<v-text-field
  type="number" 
  :value="myValue" 
  @input="myValue = $event !== '' ? $event : null"
></v-text-field>