elementUI如何让数字输入框input-number默认不为0

最新推荐文章于 2024-05-08 16:53:06 发布
最新推荐文章于 2024-05-08 16:53:06 发布
阅读量8.2k 收藏 4
点赞数
分类专栏： vue 前端其他 文章标签： 数字输入框重置为空 elementUI如何让数字输入框为空
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37588752/article/details/102624897
版权 
<el-input-number
  v-model="searchParams.skuCount"
  :controls="false"
  :min="0"
  :max="999999"
  :precision="0"
  style="width:95px;"
></el-input-number>

//data中一般默认会这么写

searchParams:{
    skuCount:'',
}

但是你会发现给skuCount设置成‘’空字符串或者null都不能把0去掉



当当当！！！以下就是解决办法
searchParams:{
}

searchParams中干脆不给他这个字段就好了 是不是很神奇

 

为什么名字都被占用
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
element input-number 默认值设置为空
02-26
element input-number 当值传入的为''时，默认显示为0，有些情况我们不希望显示0，而是显示为空，针对这种情况我们对element input-number的源码做了兼容处理
vue element-ui实现input输入框金额数字添加千分位
10-15
主要介绍了vue element-ui实现input输入框金额数字添加千分位,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
el-input-number 如何实现默认不填充0
qq_39967527的博客
04-03 4591
只需要把数据设置未”undefined“的就可以了 <el-input-number v-model=“num” @change=“handleChange” :min=“1” :max=“10” label=“描述文字”>
VUE element-ui之输入框限制只能输入数字number类型及表单校验_rules限制类型为数字(1)
最新发布
2401_84616399的博客
05-08 513
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。前端面试题汇总开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】JavaScript性能linux。
elementUI如何让数字输入框input-number默认不等于0
weixin_49857492的博客
06-09 1681
主要目的是显示placeholder。 试了多种方法，null，’ ', NAN都不行，只有当该值等于undefined时可用。 解决方法： <el-input-number v-model ="searchForm.time" :min="0" :max="24" placeholder ="0~24"/> export default { data(){ // 第一种直接设置time为undefined searchForm:{ time: undefined } //
清除element-ui的el-input-number计数器的默认值
前端打工人的博客
10-13 4716
el-input-number默认值为0 的问题 很多时候我们需要用到el-input-number来限制输入框智能输入数字，例如价格之类的，但是用了el-input-numer的时候把默认值设为空和null都不生效，默认的值仍然显示0 <el-form-item label="num:" prop="name"> <el-input-number style="width:110px" :min="0" v-model="ruleForm.num" contro
重构el-input-number组件实现自动千分符和默认值不为0
随风丶逆风的博客
07-21 3551
缘由 使用 el-input-number 的过程中，一直有两点困扰我： 一个就是没啥用的增减控件，这个还好，设置:controls="false"就行了， 第二个最麻烦，初始值空字符串'' 为 0 的问题。这个官方说法是设置初始值为 undefined，那么输入框内就是空的，初始值为其它假值则为 0。于是麻烦的事来了： 首先，后台传回来的初始值是一般是 null，那就得自己判断并修改初始值为 undefined； 其次，表单校验时 0 值算非空，所以必填校验能通过，这个时候需要自己写校验器处理；
修改输入框placeholder文字默认颜色-webkit-input-placeholder方法
12-13
html5为input添加了原生的占位符属性placeholder，高级浏览器都支持这个属性，例如： <input type="text" placeholder="搜索" value=" "> 默认的placeholder字体颜色是呈浅灰色，如果想改变这个默认颜色，解决...
Element Input输入框的使用方法
10-15
主要介绍了Element Input输入框的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
angular inputNumber指令输入框只能输入数字的实现
10-15
主要介绍了angular inputNumber指令输入框只能输入数字的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Element UI——数字输入框解决方案
无限迭代中......
04-11 6860
问题描述 当我们开发项目时，常常想限制用户只能输入纯数字: 官方文档 https://element.eleme.cn/#/zh-CN/component/input https://element.eleme.cn/#/zh-CN/component/input-number 解决方案 方法一：el-input + 正则表达式 只需要在el-input标签添加代码,如下图所示...
el-input-number的精度问题
weixin_41897680的博客
04-23 2347
el-input-number的精度问题
Element-UI 输入框不能输入带小数点的数字
JumHooo的博客
02-21 3117
Element-UI 输入框不能输入带小数点的数字 项目场景： 在使用Element-UI表单组件时，发现输入框不能输入带小数点的数字 问题描述： 在使用Element-UI表单组件时，发现输入框不能输入带小数点的数字，开始以为是校验规则的问题，后来删掉校验规则之后，问题依然出现。后来在一篇文章中看到答案，顺利解决了问题 <el-form-item label="学生学号" prop="studentid" > <el-input v-model.number="ru
element ui怎么限制输入框输入两位小数
weixin_42603332的博客
02-15 2408
要限制Element UI的输入框只能输入两位小数，可以在输入框的属性中设置"precision"属性为2。例如，以下是一个限制输入框只能输入两位小数的示例代码： <el-input v-model="inputValue" :precision="2"></el-input> 其中，":precision"表示动态绑定precision属性的值，这里设置为2，表示限制输...
关于使用el-input-number设置不让删除为空，让强制为最小值1，以及从1删除，但是发现输入框还是没有最小值的问题
m0_59157023的博客
04-18 2923
关于使用el-input-number设置不让删除为空，让强制为最小值1，以及从1删除，但是发现输入框还是没有最小值的问题
Element inputNumber输入框初始化没值为0问题
专注前端技术，包括Web端、移动端、小程序、APP
12-23 3395
昨天测试小姐姐找到我说，在数字输入框内输入值的时候要先删了零才能再输入比较麻烦，所以看怎么处理一下。 看到这个问题，第一想法就是在输入框聚焦的时候处理这个值的问题，因为后端返回是null，所以这个数字输入框的属性就是转换为了零。 处理办法： 给输入框绑定 @focus 事件，接着将输入框的model传给函数，在函数内判断。接着给model赋值为undefined即可。 <el-input-number size="mini" v-model="item.addScore" :key=
el-input-number 数字框不显示默认数字，默认要清空
apple_pingwan的博客
03-12 4289
在开发过程中，遇到el-input-number 输入框不显示数字，默认要清空的问题 <el-input-number v-model="model.entity.num" :min="1" :max="10" label="描述文字"> </el-input-number> 1、不给数字框绑定值num初始化； data(){ return { model:{entity:{}} } } 2、若一定要给绑定值初始化，则一定记得将其设置为
el-input-number默认值为空怎么设置
Judy1623
06-20 4840
el-input-number 没有值的情况下，默认值为0。一般没有值的情况下默认值为空。
elementui 修改全局组件默认值
qq_38299934的博客
07-27 245
【代码】elementui 修改全局组件默认值。
elementui让输入框只能输入0-100的数字
05-29
可以使用 ElementUI 中的 el-input-number 组件来实现让输入框只能输入 0-100 的数字。 具体实现方法是在 el-input-number 上设置 min 和 max 属性为 0 和 100，如下所示： ```html <el-input-number v-model="value" :min="0" :max="100"></el-input-number> ``` 这样就可以限制用户只能输入 0-100 之间的数字，如果用户输入超出了这个范围的数字，组件会自动进行限制，不会出现输入错误的情况。 另外，如果需要设置步长，可以使用 step 属性，例如： ```html <el-input-number v-model="value" :min="0" :max="100" :step="10"></el-input-number> ``` 这样用户每次增加或减少数值时会以 10 为步长进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值