element-UI-的-inputNumber组件怎么可以显示空

要使 element UI 的 inputNumber 组件显示为空，可以将其绑定的值设置为 null 或 undefined。例如：

<template>
  <el-input-number v-model="value"></el-input-number>
</template>

<script>
export default {
  data() {
    return {
      value: null
    }
  }
}
</script>

在上面的示例中，将 inputNumber 组件的 v-model 绑定到了 value 变量上，并将其初始值设置为 null。这样，页面加载时，inputNumber 组件就会显示为空。

需要注意的是，当用户手动清空 inputNumber 组件的值后，它会变为一个空字符串（""），而不是 null 或 undefined。如果要在用户清空值后，让 inputNumber 组件重新显示为空，可以在组件的 change 事件中判断值是否为空字符串，并将其设置为 null 或 undefined。例如：

<template>
  <el-input-number v-model="value" @change="handleChange"></el-input-number>
</template>

<script>
export default {
  data() {
    return {
      value: null
    }
  },
  methods: {
    handleChange(val) {
      if (val === "") {
        this.value = null
      }
    }
  }
}
</script>