vue 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 } } }
页面效果:
附:el-input-number 组件无法修改默认值为空
<el-input-number v-model="num" :min="1" :max="10" label="描述文字"></el-input-number>
当num设置为 null 或者 “” 都不能将输入框的值变为空
后来发现 将num 设置为 undefined
总结
到此这篇关于vue element-ui的el-input-number默认值设置为空的文章就介绍到这了,更多相关el-input-number默认值为空内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
详解windows下vue-cli及webpack 构建网站(三)使用组件
本篇文章主要介绍了详解windows下vue-cli及webpack 构建网站(三)使用组件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-06-06解决父组件将子组件作为弹窗调用只执行一次created的问题
这篇文章主要介绍了解决父组件将子组件作为弹窗调用只执行一次created的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
最新评论