【问题标题】:Vue Element UI - Default el-input-number to empty field instead of a numberVue Element UI - 默认 el-input-number 为空字段而不是数字
【发布时间】:2020-10-19 05:25:14
【问题描述】:

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

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

问题:

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

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

有谁知道如何让输入字段的默认值为空?

【问题讨论】:

  • 您是否尝试将您的v-model 设置为null
  • 不幸的是,null 默认值为 0 或 :min 值。

标签: forms validation vue.js element-ui


【解决方案1】:

只需给它一个默认值undefined

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

【讨论】:

  • 解决了。多么明显的解决方案……事后看来。谢谢!
  • 这个简短的回答很有帮助,但感觉很奇怪null 默认为0undefined 默认为null。而且这种行为根本没有记录。
猜你喜欢
  • 2012-10-09
  • 1970-01-01
  • 2017-06-04
  • 2018-03-11
  • 2020-07-29
  • 2018-09-19
  • 2017-03-31
  • 1970-01-01
相关资源
最近更新 更多