方法一
1、页面效果
2、FORM表单
<el-form-item label="审计价格(元)" prop="auditPrice">
<el-input v-model="form.auditPrice" oninput="value=value.replace(/[^0-9.]/g,'')" placeholder="请输入审计价格" />
</el-form-item>
3、校验规则
data() {
const validateMoney = (rule,value,callback) =>{
if(!value){
callback(new Error('审计价格不能为空'))
}else if(value.indexOf(".") != -1 && value.split('.').length > 2){
callback(new Error('请输入正确格式的金额'))
}else if(value.indexOf(".") != -1 && value.split('.')[1].length > 2){
callback(new Error('请输入正确的小数位数'))
}else{
callback();
}
};
return{
rules: {
auditPrice:[
{
type: 'string',required: true,trigger: 'blur', validator:validateMoney},
]
},
}
}
方法二
1、页面效果
2、实现
<el-form-item label="审计价格(元)" prop="auditPrice">
<el-input-number v-model="form.auditPrice" :min="0" :controls="false" :precision="2"></el-input-number>
</el-form-item>