iview inputNumber为什么总有一个默认值1，如何让它为空？

Question

<Input-number :min="null" :value="null"

                  :placeholder="$t('common.noSet')" v-model="red" @on-change="numChange"></Input-number>
                  

如题，on-change事件只有在改变数字的时候触发，删除不触发，有需求让它可以为空，请问该怎么做呢。。

Answer 1

那个1应该就是你v-model绑定对应的red的值,你把red设置为null就可以让文本框为空,希望可以帮到你

Answer 2

如果red不存在，这个组件会默认给1

或者red本身就是1

Answer 3

不好意思把问题描述清楚。首先我的需求是 原先这个数字框里面是有数据1的，然后我修改的时候要让他可以为空，但是这个时候是没办法没空的，他的默认值始终存在

Answer 4

或者可以换个思路实现：

1、在on-blur的时候触发，失去焦点的时候判断，如果符合你的要求就清空；
2、设置editable，让它不可使用键盘编辑，只能按照指定的规则点击上下增加或者减少

Answer 5

<InputNumber :max="10" :min="1" v-model="value" empty></InputNumber>
add empty attribute

Answer 6

<InputNumber :min="0" :max="1" :step="0.1" :value="null"></InputNumber>

Answer 7

可以自定义一个组件，或者用普通html元素：<input type="number" class="ivu-input" />

Answer 8

如果希望默认值为空，设置 v-model 的绑定值为 null 即可。

Answer 9

有两种方法可以实现默认值为空：
方法 1. 设置 v-model 的绑定值为 null；
方法 2. 设置 model-value 的值为 null；如 <InputNumber v-model="test" :model-value="null" />

Answer 10

楼主我也遇到了同样的问题，请问您解决了吗

Answer 11

请问这个问题解决了吗