第一步： 需要封装一个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("");
希望给大家有帮助
