vue 双向绑定input 输入数字和小数可配置

最新推荐文章于 2024-09-12 10:40:12 发布

Momentzxl

最新推荐文章于 2024-09-12 10:40:12 发布

阅读量238

点赞数 3

文章标签： vue.js javascript 前端前端框架微信小程序正则表达式

本文链接：https://blog.youkuaiyun.com/Momentzxl/article/details/135910743

版权

文章介绍了Util.inputNumberVerify函数，用于处理输入的数值，可配置小数和整数位数，确保数值格式正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js公共方法正整数或者保留几位小数可配置

1.precision：小数部分位数（整数可配置precision为0）

2.integer: 整数部分位数

/**
 * 
 * @param {*} value 
 * @param {*} precision 
 * @returns 
 */
Util.inputNumberVerify = function (value, {precision, integer = 10}) { // integer 整数部分 // precision 小数部分
  if (typeof precision !== 'number') return value;
  if (precision < 0) return value;
  if (integer <= 0) return value;
  if (precision > 0) {
    value = value.replace(/[^\d.]/g, ''); //先把非数字的都替换掉，除了数字和.
    value = value.replace(/^\./g, ''); //必须保证第一个为数字而不是.
    // value = value.replace(/\.{2,}/g, '.'); //保证只有出现一个.而没有多个.
    value = value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); //保证.只出现一次，而不能出现两次以上
  } else {
    value = value.replace(/[^\d]/g, ''); //先把非数字的都替换掉
  }
  value = value.replace(/^0+(\d)/, '$1'); // 第一位0开头，0后面为数字，则过滤掉，取后面的数字
  value = value.replace(new RegExp('(\\d{' + integer + '})\\d*'), '$1'); // 保证整数部分的长度
  if (precision > 0) value = value.replace(new RegExp('([0-9]+\\.[0-9]{' + precision + '})[0-9]*'), '$1'); //保证精度
  return value;
};