html：
<el-input
=""
maxlength="14"
:show-word-limit="showWordLimitAmount"
clearable
@=" = (, RestrictedMoney())"
@focus="delcommafyFun('amount', )"
@blur="inputMoneyFun('amount', )"
></el-input>// Create and write method under utils
export function inputMoney(val) {
if (!val) {
return val
} else {
let inputVal = delcommafy(val)
let str = ('.')
let re = /\d{1,3}(?=(\d{3})+$)/g
let n1 = str[0].replace(re, '$&, ') //Here, spaces are added to show good looks, and you can remove the limit on the number of attention if you don't need it.
return > 1 && str[1] ? (str[1].length > 1 ? `${n1}. ${str[1]}` : `${n1}. ${str[1]}0`) : `${n1}. 00` //Here. Added spaces to show good looks, if you don't need to remove the limit on the number of attention
}
}
//Remove the ',' in the thousandths
export function delcommafy(num) {
if (!num) {
return num
} else {
num = ()
num = (/, /gi, '')
num = (/. 00/gi, '')//Because the above inputMoney method adds more spaces when converting Number to String, it needs to be removed when turning here
let str = ('.')
if (str[1]) {
if (str[1].charAt(str[1].length - 1) === '0' && str[1].charAt(str[1].length - 2) !== '0') {
num = (0, - 1)
}
}
num = (/ /gi, '')
return num
}
}
export function plusOrMinus(values) {
let newValue
if (!/[^0-9.-]/(values)) {
newValue = values
.replace(/[^\-\d.]/g, '')
.replace(/\b(0+){2,}/g, '0')
.replace(/\-{2,}/g, '-')
.replace(/^\./g, '')
.replace(/\.{2,}/g, '.')
.replace('.', '$#$')
.replace(/\./g, '')
.replace('$#$', '.')
if (().indexOf('.') > 0 && Number(().split('.')[1].length) > 2) {
newValue = parseInt(parseFloat(newValue) * 100) / 100
}
if (().split('-').length - 1 > 1) {
newValue = parseFloat(newValue) || ''
}
if (().split('-').length > 1 && ().split('-')[0].length > 0) {
newValue = parseFloat(newValue) || ''
}
if (
().length > 1 &&
(().charAt(0) === '0' ||
(().length > 2 &&
().charAt(0) === '-' &&
().charAt(1) === '0' &&
().charAt(2) !== '.')) &&
().indexOf('.') < 1
) {
newValue = parseFloat(newValue) || ''
}
// // Determine that the integer digit is up to 9 bits (the input box is limited to 14 bits, so there is no need to judge here)
// if (().indexOf('.') > 0 && Number(().split('.')[0].length) > 9) {
// newValue = ().substring(0, 9) + '.' + ().split('.')[1]
// } else if (().indexOf('.') < 0 && Number(().split('.')[0].length) > 9) {
// newValue = ().substring(0, 9)
// }
} else {
newValue = (/[^0-9.-]/g, '')
}
return newValue
}
//Introduce additional public methods
import { delcommafy, inputMoney, plusOrMinus } from '@/utils/validation' //Note the path
export default {
data() {
return {
showWordLimitAmount: false,// is used to display character length, and the requirement is to display 14-bit maxlength="14"
form: {
amount: '',
}
}
},
methods: {
// Extra fee to check the positive and negative numbers, retain 2 decimal places Call public method
RestrictedMoney(values) {
return plusOrMinus(())
},
delcommafyFun(insStr, val) {
if (insStr === 'amount') {
= true
= delcommafy(val)
}
},
inputMoneyFun(insStr, val) {
let isTrue = false
if (val === '-' || (0, 2) === '-.' || val === '-0' || val === '-0.' || val === '-0.0' || val === '-0.0' || val === '-0.00') {
isTrue = true
} else {
isTrue = false
}
if (insStr === 'amount') {
if (isTrue) {
= ''
} else {
= false
= inputMoney(val)
}
}
},
//When submitting the form, please note that if the required data is of Number type, you need to convert the amount into Number type and pass it to the background. What is not needed is the format of directly passing thousands characters.
// if () {
// = Number(delcommafy())
// }
}
}
