@input事件:实时操作事件
过程:通过@input事件传入参数(123)到computeLen1方法中,通过一系列操作,最终拿到ref(壹佰贰拾叁元整),赋值到this.form.taxNotIncludedCapital
<el-col :span="12">
<el-form-item :label="$t('金额')" prop="taxNotIncluded">
<el-input v-model="form.taxNotIncluded" :placeholder="$t('金额')" show-word-limit @input="computeLen1(form.taxNotIncluded)" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="$t('金额(大写)')" prop="taxNotIncludedCapital">
<el-input v-model="form.taxNotIncludedCapital" :placeholder="$t('金额(大写)')" show-word-limit maxlength="32" />
</el-form-item>
</el-col>
computeLen1(number) {
let ret = ''
if (number !== '' && number != null && number !== '0') {
let unit = '仟佰拾亿仟佰拾万仟佰拾元角分'
let str = ''
number += '00'
const point = number.indexOf('.')
if (point >= 0) {
number = number.substring(0, point) + number.substr(point + 1, 2)
}
unit = unit.substr(unit.length - number.length)
for (let i = 0; i < number.length; i++) {
str +=
'零壹贰叁肆伍陆柒捌玖'.charAt(number.charAt(i)) + unit.charAt(i)
}
ret =
str
.replace(/零(仟|佰|拾|角)/g, '零')
.replace(/(零)+/g, '零')
.replace(/零(万|亿|元)/g, '$1')
.replace(/(亿)万|(拾)/g, '$1$2')
.replace(/^元零?|零分/g, '')
.replace(/元$/g, '元') + '整'
}
this.form.taxNotIncludedCapital = ret
}