时间戳

首页 > 解决方案 > Vuetify - v-text-field (type="number") - 设置 null 而不是空字符串

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

问题描述

我遇到了一个问题，在手动清除后v-text-field，type="number"attr 将其值设置为空字符串。null在这种情况下，我需要它返回。

有没有类似的属性:clear-value="null"？

我在文档中找不到任何内容：https ://vuetifyjs.com/en/api/v-text-field/#props

标签： javascripthtmlvue.jsvuetify.js

解决方案

您可以watch在将值更改为空字符串时使用并观察该值，然后将其替换为 null。但是，如果您使用“x”按钮清除文本字段，或者手动清空文本字段，这将始终返回 null。

<v-textfield v-model="myValue" ... />

// script

data() {
  return {
    myValue: 1
  }
},
watch: {
  myValue(newVal){
    if(newVal === '') {
      this.myValue = null;
    }
  }
}

推荐阅读