问题:
element 的 el-input-number的默认值如何设置为空?
用 el-input-number
来限制输入框智能输入数字,例如价格之类的,v-model
设为 空
和 null
时,默认的值显示为允许输入的最小值。如下:
<template>
<el-input-number v-model="formData.idx" :precision="0" :step="1" :min="1" :max="100000">
</el-input-number>
<el-input-number v-model="formData.winnersNum" :precision="0" :step="1" :min="1" :max="500">
</el-input-number>
</template>
<script>
data(){
return {
formData: {
idx: null,
winnersNum: ''
}
}
}
</script>
页面效果:
解决方法:v-model
设置为 undefined
,就可以了。
data(){
return {
formData: {
idx: undefined,
winnersNum: undefined
}
}
}
页面效果: