element-ui 的 el-input-number的默认值设置为空

element 的 el-input-number的默认值设置为空

el-input-number 来限制输入框智能输入数字,例如价格之类的,v-model 设为 null 时,默认的值显示为允许输入的最小值。如下:

<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>        
data(){
    
    
 return {
    
    
   formData: {
    
    
        idx: null,
        winnersNum: ''
   }
  }
}

页面效果:

在这里插入图片描述

解决方法:v-model 设置为 undefined ,就可以了。

data(){
    
    
 return {
    
    
   formData: {
    
    
        idx: undefined,
        winnersNum: undefined
   }
  }
}

页面效果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/HH18700418030/article/details/128466407