input限制小数点的位数
2024-09-03 11:07:12
在做限制input小数点的时候,我本来想通过vue里面的的watch监听来实现, ---实现逻辑是,通过监听输入的内容,当出现"."(点)的时候,记录通过indexOf获取点的位置,然后通过
substring
截取从0位到indexOf获取的点的位置后面几位的数据 . 这样虽然实现了,但是会闪动,会先显示出多一位小数之后再显示想要的小数.
代码是这样的:
integralNum:function(val){
if (val) {
if(val.indexOf(".") != -1){
vm.integralNum = val.substring(0,val.indexOf(".") + 3)
}
}
},
后面通过@input解决了这个闪动, 代码是这样的:
<input id="point_num" type="number" placeholder="积分数量" @input="oninput" value="" onpaste="" />
oninput:function(e){
e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
},
最新文章
- ABP文档 - SignalR 集成
- CSharpGL(9)解析OBJ文件并用CSharpGL渲染
- HttpClientUtil [使用apache httpclient模拟http请求]
- 【QT】C++ GUI Qt4 学习笔记3
- 引用google的jQuery文件
- 百度地图API示例之设置地图显示范围
- 第三次作业——将排课Excel导入系统
- Windows上搭建android开发环境
- Struts2的OGNL标签详解
- Helpers\SimpleCurl
- Recovery启动流程(3)--recovery.cpp分析
- SQL Server error ";Xml data type is not supported in distributed queries"; and workaround for it
- SQL每个用户最后的一条记录
- 如何用浏览器调试js代码
- Funsion Charts 学习(二)
- zabbix自定义key监控mysql主从同步超简单!
- JSON错误
- Python3常用函数、方法总结(持续更新…)
- Qt5对XML文件操作
- BZOJ3589 动态树(树链剖分+容斥原理)