vue element-ui的el-input-number默认值设置为空方法
更新时间：2023年08月22日 10:21:10 作者：＊且听风吟
这篇文章主要给大家介绍了关于vue element-ui的el-input-number默认值设置为空的相关资料,el-input-number组件是Element UI非常常用的一个数字输入框组件,它提供了默认值设置的选项,需要的朋友可以参考下
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默认值为空内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了el-form错误提示信息手动添加和取消,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-08-08
代码优化不仅仅局限在业务逻辑这块，像是代码复用、效率等等都是我们可以加以改进的地方，这篇文章主要给大家介绍了关于Vue项目优化的一些实战策略，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
vue-element-admin搭建后台管理系统的实现步骤
本文主要介绍了vue-element-admin搭建后台管理系统的实现步骤，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要为大家介绍了vue封装组件js版基本步骤，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-04-04
这篇文章主要介绍了将vue的项目打包后通过百度的BAE发布到网上的流程,主要运用的技术是vue+express+git+百度的应用引擎BAE。需要的朋友可以参考下2018-03-03
这篇文章主要为大家详细介绍了vuedraggable实现拖拽功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要为大家详细介绍了Vue.Draggable拖拽功能配置使用的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
本文主要介绍了uniapp+vue3路由跳转传参的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-11-11
这篇文章主要介绍了vue中的非父子间的通讯问题简单的实例代码,需要的朋友可以参考下2017-07-07
听说有的公司已经开始用vue3了 赶紧打开B站学一下,下面这篇文章主要给大家介绍了关于Vue3结合TypeScript项目开发实战的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2021-09-09
最新评论