為了避免程式碼的耦合，利於後期維護，儘量將功能函式分開來寫。
首先是千分符轉化
comdify(n) {
let re = /\d{1,3}(?=(\d{3})+$)/g;
let n1 = n.replace(/^(\d+)((\.\d+)?)$/, function (s, s1, s2) {
return s1.replace(re, "$&,") + s2;
});
return n1;
}
將千分符格式的金額數字轉化成普通格式的數字
delcommafy(num){//去除千分位中的‘，’
num = num.toString();
num = num.replace(/,/gi, '');
return num;
}

input框增加@blur事件 觸發格式化函式
minValue 限制輸入框的最小金額 ,代表<=
maxValue 限制輸入框的最大金額，代表>=
names 每個輸入框傳入值的名字 例如 v-model=’amount’
callback 此回撥函式需要傳入Boolean值，如果是true代表需要將此input框內的值，進行千分符轉換，如果是false，則代表不需要進行轉換 ，直接return 返回即可。
小提示：methods裡邊的函式，因為this的指向都是vue掛載的例項。所以避免使用箭頭函式，因為箭頭函式會改變this。詳細請 （參照阮一峰的js標準教程

）
` show_number(minValue, maxValue, names, callback){
if (names == ‘amount’) {
if (!this.items.amount || parseFloat(this.items.amount) == ‘0’) {
loadingTip.show(‘請輸入要求範圍的金額’, 1000)
this.items.amount = ”;
return;
}
} else {
if (!this.items[names] || parseFloat(this.items[names]) == ‘0’) {
this.items[names] = ‘0.00’;
return;
}
}
if (this.items[names] && parseFloat(this.items[names]) != ‘0’) {
if (!isNaN(parseFloat(this.delcommafy(this.items[names])))) {
let itemValue = parseFloat(this.delcommafy(this.items[names]));
console.log(this.delcommafy(this.items[names]))
if (itemValue >= minValue && itemValue <= maxValue) {
this.items[names] = Number(this.items[names]).toFixed(2);
if (callback) {
this.items[names] = this.comdify(Number(itemValue).toFixed(2));
}
} else {
loadingTip.show(‘請輸入要求範圍的金額’, 1000);
this.items[names] = ”;
return;
}
} else {
loadingTip.show(‘請輸入正確的金額’, 1000);
this.items[names] = ”;
return;
}
}

} `

關於函式內部使用 中間值進行儲存並轉化，原因是：在input框輸入內容後，@blur事件觸發後，會對內容進行格式化，並填到相應的輸入框中。注意 因為輸入框內容進行改變之後，又會觸發input的blur事件，此時取到的值是輸入框的值（經過千分符轉換的值）。在進行轉換過程中，會轉換成NaN.所以使用中間值itemValue 將第一次進行轉換的值進行儲存，利用轉換這個中間值對input框進行比較。