输入框实现格式保留2位小数
class="uni-input"
【输入框实现格式保留2位小数】placeholder="请输入"
:maxlength="moneyMaxLeng"
type="text"
@input="oninput"
v-model="authData.companyInfo.income"
/>
oninput (e) {
this.$nextTick(() => {
let val = e.target.value.toString();
val = val.replace(/[^\d.]/g, "");
//清除"数字"和"."以外的字符
val = val.replace(/\.{2,}/g, ".");
//只保留第一个. 清除多余的
val = val.replace(/^0+\./g, '0.');
val = val.match(/^0+[1-9]+/) ? val = val.replace(/^0+/g, '') : val
val = (val.match(/^\d*(\.?\d{0,2})/g)[0]) || ''
if (val.includes(".")) {
let numDian = val.toString().split(".")[1].length;
// let numZheng = val.toString().split(".")[0].length;
if (numDian === 2) {
this.moneyMaxLeng = val.length;
}
} else {
this.moneyMaxLeng = 14;
}
let intPartFormat = val.toString().replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, "$&,") // 将整数部分逢三一断
this.authData.companyInfo.income = intPartFormat;
});
},
推荐阅读
- android第三方框架(五)ButterKnife
- 关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式
- MybatisPlus使用queryWrapper如何实现复杂查询
- python学习之|python学习之 实现QQ自动发送消息
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 孩子不是实现父母欲望的工具——林哈夫
- opencv|opencv C++模板匹配的简单实现
- Node.js中readline模块实现终端输入
- 如何在Mac中的文件选择框中打开系统隐藏文件夹
- java中如何实现重建二叉树