Vue Element UI - Default el-input-number to empty field instead of a number

Question

Creating a form with no values and would like the input field to default to empty for two reasons:

Want users to be able to see the placeholder text.
Having a default number means the users can ignore the field by default. (I know I can validate the field, but that is just a bad user experience.)

The problem:

el-input-number fields default to a number (0 or whatever the :min value is set to).

This covers up the placeholder text.
The users can click save with the default number still in place. (I will validate, but don't want users to have to submit a bad value to know what to do.)

Does anyone know how to make the input field have the default value be just empty?

Unfortunately, null defaults the value to 0 or the :min value. — zeusstl
– zeusstl, Commented Jul 2, 2020 at 2:50

Jay Li · Accepted Answer · 2020-06-29 09:43:55Z

6

just give it a default value of undefined

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

answered Jun 29, 2020 at 9:43

Jay Li

7471 gold badge7 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

zeusstl Over a year ago

That solved it. What an obvious solution to try... in hindsight. Thanks!

Eldar Over a year ago

This short answer helped a lot, but it feels weird where null defaults to 0 and undefined defaults to null. And this behavior is not documented at all.

Collectives™ on Stack Overflow

Vue Element UI - Default el-input-number to empty field instead of a number

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related