input金额自动转为千分位、小数点后保留两位

• 第一步： 需要封装一个js
  
  -代码 最后的getInputValue一定要用 export 导出，很多帖子上没有导出

const MoneyTest = /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/;

// 金额添加千分位
const comdify = function (n) {
  if (!n) return n;
  let str = n.split('.');
  let re = /\d{1,3}(?=(\d{3})+$)/g;
  let n1 = str[0].replace(re, "$&,");
  return str.length > 1 && str[1] ? `${n1}.${str[1]}` : `${n1}.00`;
};
//去除千分位中的‘，’
const delcommafy = function (num) {
  if (!num) return num;
  num = num.toString();
  num = num.replace(/,/gi, '');
  return num;
};
const valdateFn = function (rule, val, cb) {
  setTimeout(() => {
    if (val) {
      let inputVal = delcommafy(val);
      if (rule.test(inputVal)) {
        cb()
      } else {
        cb('只能是数字金额,最多两位小数')
      }
    }
    cb()
  })
}
// 验证金额数字可以为负数
const moneyValid = function (rule, val, cb) {
  valdateFn(/((^-?[1-9]\d*)|^-?0)(\.\d{0,2}){0,1}$/, val, cb);
};
// 验证金额数字不可以为负数
const moneyNValid = function (rule, val, cb) {
  valdateFn(MoneyTest, val, cb);
};

// 获取输入框的值
export const getInputValue = function (el) {
  let inputVal = el.target.value || '';
  return comdify(delcommafy(inputVal));
};

• 然后在组件中引入、dom中 引用 、 方法中引用， 这里需要自己调试一下

在这里功能是可以实现了，但是会有一些其他的问题出现，比如需要把参数传给后端，number类型经过转换后变成带逗号的字符串，这时候需要再次转换一下，有一些小的细节，其实很简单，你在赋值之前是可以拿到input里面的数据的，这时候你可以保存，我是在传给后端的时候同一处理的，我把字符串切割 ，在拼接 let number = item.money.split(",").join("");

希望给大家有帮助