element ui input输入框无法输入0.01

已于 2024-02-23 15:44:52 修改
阅读量864 收藏
点赞数
分类专栏： ui框架 文章标签： elementui
于 2023-10-20 11:36:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yaya_xiaohui/article/details/133942923
版权

问题描述: 开发过程中产品要求input输入框能输入小数点好几位的数字

<el-input style="width: 50%;" v-model.number="ruleForm.payAmount" @change="changeNum" type="number"></el-input>

产生的问题：每次输入零点几的时候自动变成零

解决办法：将v-model后面的.number 去掉，因为不去掉每次都会自动转成number值

<el-input style="width: 50%;" v-model="ruleForm.payAmount" @change="changeNum" type="number"></el-input>
辽辽无期
关注
专栏目录
使用v-model.number遇到的问题（小数点后边无法输入0）
逆水行舟 不进则退
01-31 8739
用户在数字输入框中无法输入0.04，测试发现小数点后边只要带0都输入不上
vue3+element-plus 表单输入框无法输入
veceny的博客
03-12 4403
【代码】vue3+element-plus 表单输入框无法输入。
修改el-input的登录框，修改默认回显记住密码的样式
最新发布
q1054007919的博客
09-29 383
使用自己的颜色样式，兼容了-webkitSafari、Chrome和Opera。
Element-UI 输入框不能输入带小数点的数字
JumHooo的博客
02-21 3608
Element-UI 输入框不能输入带小数点的数字 项目场景： 在使用Element-UI表单组件时，发现输入框不能输入带小数点的数字 问题描述： 在使用Element-UI表单组件时，发现输入框不能输入带小数点的数字，开始以为是校验规则的问题，后来删掉校验规则之后，问题依然出现。后来在一篇文章中看到答案，顺利解决了问题 <el-form-item label="学生学号" prop="studentid" > <el-input v-model.number="ru
el-input-number与el-input限制 不能输入小数点
LlanyW的专栏
12-15 1892
el-input type="number" placeholder="请输入最小单位数量" v-model="COUNT"//只能输入2位小数。
vue element ui input输入框，当输入框的类型是Number,输入0时出现的问题
weixin_45251179的博客
02-20 2370
使用element ui input输入框，当输入框的类型是Number,输入0上传不了时的问题， 这个是element 的版本问题，是element 的一个bug,element 已经解决了这个问题
el-input 无法输入值
qq_53721052的博客
01-02 467
el-input 无法输入值
element ui input输入框只能输入两位小数
06-03
你可以使用 Element UI 的 el-input 组件的 step 属性来限制输入的小数位数。例如，设置 step 为 0.01，即可限制输入两位小数。示例代码如下： ```html <el-input v-model="value" :step="0.01"></el-input> ...
Element UI学习2--input输入框
hanrabbit的博客
01-06 1091
1、基础用法 <template> <div> <el-input v-model="input" placeholder="请输入内容"></el-input> </div> </template> <script> export default { name:'input', data(){ return{ input:''
el-input 输入框输入两位小数
06-08
好的，以下是一个基于Element UI的示例代码，可以实现您所需的功能： ```html <el-input v-model.number="number" :min="0" :step="0.01" controls-position="right" /> export default { data() { ...
element-ui之多选框 三级联动 vue (table 布局)
https://shixuebin.gitee.io/hexo-blog/
11-15 1862
直接上代码 <template> <!-- 指定区域设置包邮条件 邮费--> <div class="area-set-freight"> <el-dialog title="指定区域设置包邮条件" :visible.sync="areaVisible" width="896px" :before-close="cancelDialog"> <!-- 指定区域设置运费 form --> <el-fo.
vue + vue-resource + element-ui项目中遇到的问题总结
ishell1021的博客
03-08 2245
运营智享遇到的问题(前端) vue + vue-resource + element-ui + vue-router + node.js + sass 1. el-table filter tag 使用filter-method处理数据过滤,当该标签下没有数据时标签切换不起作用 解决: 1.用el-table的filter-change方法处理过滤逻辑,而不用el-table-column...
el-input输入框校验限制，不可输入负数，小数，文字，0以及最大数限制
weixin_46343439的博客
05-26 3533
设置oninput即可。
限制输入框只能输入数字并且第一位不为0
weixin_51929096的博客
01-30 621
【代码】限制输入框只能输入数字并且第一位不为0。
element-ui数字输入框且限制小数点位数（已解决）
weixin_73318685的博客
03-02 3806
如果直接使用element-ui里input自带的number属性，会产生细微的问题。可以自动过滤掉输入框的首尾空格。配合@input输入事件进行判断操作。解决方案：不使用v-model自带的.number修饰符。2.可以输入汉字和英文，只有在表单校验时才能操作。使用：v-model.trim。1.不能输入小数点。
如何设置只能输入正整数,且不能输入01,001格式（pc端/h5端不同实现方式）
weixin_45121510的博客
12-04 3985
<!-- 允许输入正整数，调起纯数字键盘 --> <van-field v-model="digit" type="digit" label="整数" /> 有时设置了digit，但还是可以输入负数，可能是版本问题：vant文档申明： Tips: digit 类型从 2.4.2 版本开始支持 这时我们可以和正则搭配使用： // 限制只能输入正整数 'digit':function(v) { // 回填值是number类型的情况，做个判断 if(typeof v == 'nu
element-ui的el-input组件实现只允许输入正整数（禁止以0开头，和输入e、+、-、.）
weixin_47813845的博客
09-23 3186
【代码】element-ui的el-input组件实现只允许输入正整数（禁止以0开头，和输入e、+、-、.）
el-input设置max、min无效的解决方案
qq_71214810的博客
03-14 6500
max和min主要是用于设置最大值和最小值的，但是呐，如果你只使用max及min是没有效果的 不用el-form表单来验证处理的情况下，举例了下面几种方式：
解决vue2升级vue3后，输入框无法输入的问题
一只没有脚的鸟
11-15 1596
vue2升级为vue3的语法，前端代码原封不动的复制过来，结果测试的时候发现在输入框中无法输入，介绍两种解决方法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值