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

211 阅读1分钟

问题:

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>

页面效果:

image.png

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

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

页面效果:

image.png

原文链接:blog.csdn.net/HH187004180…