Vue Element UI - 默认 el-input-number 为空字段而不是数字

zeu*_*stl 3 forms validation vue.js element-ui

创建一个没有值的表单并希望输入字段默认为空有两个原因:

  1. 希望用户能够看到占位符文本。
  2. 拥有默认编号意味着用户可以默认忽略该字段。(我知道我可以验证该字段,但这只是一种糟糕的用户体验。)

问题:

el-input-number 字段默认为一个数字(0 或任何设置为 :min 的值)。

  1. 这覆盖了占位符文本。
  2. 用户可以单击保存并保留默认编号。(我会验证,但不希望用户必须提交错误的值才能知道该怎么做。)

有谁知道如何使输入字段的默认值只是空的?

小智 5

只需给它一个默认值 undefined

https://codepen.io/rugia/pen/bGEoWaB?editors=1010

  • 这个简短的答案很有帮助,但感觉很奇怪,“null”默认为“0”,而“undefined”默认为“null”。而且这种行为根本没有记录。 (2认同)