要让 form.budgetAmount 得到的参数是 “23,123,123.00” 格式的，可以使用 JavaScript 的内置函数 toLocaleString() 来实现金额的格式化。
以下是示例代码：
<template>
<el-form-item label="预估改造金额(元)" prop="budgetAmount">
<el-input v-model="form.budgetAmount" placeholder="请输入预估改造金额(元)："></el-input>
</el-form-item>
</template>
<script>
export default {
data() {
return {
form: {
budgetAmount: ''
}
};
},
watch: {
'form.budgetAmount'(value) {
// 使用 toLocaleString() 方法进行金额格式化
this.form.budgetAmount = parseFloat(value).toLocaleString('en-US', { minimumFractionDigits: 2 });
}
}
};
</script>
在上述代码中，我使用了一个 watch 监听器来观察 form.budgetAmount 的变化。当输入框中的值发生改变时，会触发这个监听器，并将输入的数值通过 parseFloat() 转换为浮点数形式，然后使用 toLocaleString() 将其格式化为带有逗号分隔和保留两位小数的字符串形式。
这样，在用户输入时，即可实现自动格式化为 “23,123,123.00” 的效果。
内容由零声教学AI助手提供，问题来源于学员提问
