输入框限制只能输入数字，正数、负数、0，最多两位小数；数字输入框可以输入负数，并最多保留两位小数；el-number-input去掉四舍五入和自动补齐小数；

场景：
–要求1：输入框只能输入数字，可以使正数、负数、0，小数点最多保留两位。
–要求2：不需要自动补齐小数点，也不需要自动四舍五入。

element-ui的数字输入框el-input-number只能满足要求1，所以在原有的基础上做修改即可；
下图的第一个输入框就是没改动的数字输入框；第二个是修改后的满足需求1和需求2；

以下代码可以直接复制使用！

<template><div><!-- 默认数字输入会自动补齐小数点 还会自动四舍五入 --><el-input-number v-model="num5" :precision="2" :step="0.01" :max="10" placeholder="0正负数 最多两位小数"></el-input-number><!-- 去掉加减按钮 去掉自动补齐小数点属性precision 去掉四舍五入 --><el-input-number v-model="num6" :step="0.01" placeholder="0正负数 最多两位小数" class="num_input" @input.native="changeInputPt2($event)"></el-input-number></div>
</template><script>
export default {data () {return {num5: undefined,num6: undefined}},methods: {changeInputPt2 (e) {console.log(e.target.value)if ((e.target.value.indexOf('.') >= 0)) {e.target.value = e.target.value.substring(0, e.target.value.indexOf('.') + 3) // 这里采用截取 既可以限制第三位小数输入 也解决了数字输入框默认四舍五入问题}console.log(e.target.value)}}
}
</script><style lang="less" scoped>
.num_input {/deep/.el-input-number__decrease,/deep/.el-input-number__increase {display: none !important;}/deep/.el-input__inner {padding: 0 !important;}
}
</style>

输入框限制只能输入数字，正数、负数、0，最多两位小数；数字输入框可以输入负数，并最多保留两位小数；el-number-input去掉四舍五入和自动补齐小数；相关推荐

Java黑皮书课后题第4章：*4.7（顶点坐标）假设一个正五边形的中心位于（0,0），其中一个点位于0点位置。编写程序，提示用户输入正五边形外接圆的半径，显示p1到p5的5个坐标，保留两位小数
*4.7(顶点坐标)假设一个正五边形的中心位于(0,0),其中一个点位于0点位置.编写程序,提示用户输入正五边形外接圆的半径,显示p1到p5为5个坐标,保留两位小数题目题目概述运行示例破题代 ...
Java黑皮书课后题第3章：*3.5（给出将来的日期）编写一个程序，提示用户输入代表今天日期的数字（周日0周一1周二2）同时用户输入一个今天之后的天数代表将来某天的数字，然后显示这天是周几
*3.5(给出将来的日期)编写一个程序,提示用户输入代表今天日期的数字(周日0周一1周二2)同时用户输入一个今天之后的天数代表将来某天的数字,然后显示这天是周几题目题目描述运行示例破题代码块 ...
vue利用 vue-animate-number插件动态展示数字（从0动态滚动到指定数字）
vue利用 vue-animate-number插件动态展示数字(从0动态滚动到指定数字) 第一步:安装vue-animate-number插件 $ npm install vue-animate-n ...
php保留两位小数 bc,【PHP公开课|实现php保留两位小数的2种方法】- 环球网校
[摘要]PHP作为一种超文本预处理器,已经成为了我们常用的网站编程语言,并且结合了C语言,Java等我们常见的编程语言,所以,有很多web开发领域的新人都看中了他的使用广泛性,有很多人都想了解php的 ...
python输入矩形的长和宽、输出矩形的面积_c语言，输入长方形的长和宽,计算长方形的周长和面积,并输出,输出结果保留2位小数...
代码如下: #include int main() { float a,b,c,d; scanf("%f %f",&a,&b);//输入长和宽 c=a*b; d=2 ...
python根据圆半径计算圆面积、结果保留两位小数_根据圆半径计算圆面积,结果保留两位小数。其中,圆周率使用 3.1415...
山东省安监局规定:特种作业操作证申请复审或者延期复审前,特种作业人员应当参加()学时时安全培训. 企业应该激发出内部员工的能量,形成内部人才市场. 考察心血管系统发育状况的基本生理功能指标是() 放射 ...
el-input 输入框类型；只能输入数字的输入框；保留两位小数输入框；只能输入正整数和0的输入框；手机号正则校验；车牌号码正则校验
以下代码可直接复制使用: 以下代码可直接复制使用! <template><div><a href="https://baike.baidu.com/item/% ...
js 正则限制 input 只能输入数字，不能输入特殊符号，保留两位小数等效果
限制只能输入数字,小数点只保留2位,限制不能输入空格 <div id="app"><input type="text" v-model=&qu ...
Python中小数数字
Python2.4开始引入一种新的核心数据类型:小数对象. 比其他数据类型复杂一些,小数是通过通过一个导入的模块调用函数后创建,而不是通过运行常量表示式来创建.从功能上来说,小数对象就像浮点数,只不过 ...

输入框限制只能输入数字，正数、负数、0，最多两位小数；数字输入框可以输入负数，并最多保留两位小数；el-number-input去掉四舍五入和自动补齐小数；

输入框限制只能输入数字，正数、负数、0，最多两位小数；数字输入框可以输入负数，并最多保留两位小数；el-number-input去掉四舍五入和自动补齐小数；相关推荐

最新文章

热门文章