The default value of element-ui's el-input-number is set to empty

The default value of element's el-input-number is set to empty

Used el-input-numberto limit the intelligent input of numbers in the input box, such as price, etc., when v-modelset to and null, the default value is displayed as the minimum value allowed to be input. as follows:

<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: ''
   }
  }
}

Page effect:

insert image description here

Solution: v-modelset it to undefined, that's it.

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

Page effect:
insert image description here

Supongo que te gusta

Origin blog.csdn.net/HH18700418030/article/details/128466407
Recomendado
Clasificación