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

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

GitHub 加速计划 / eleme / element
15
3
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐