data () {
const validateAmount = (rule, value, callback) => {
if (!value) {
return callback(new Error('cannot be empty'));
}
if (!/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/.test(value)) {
callback(new Error('wrong format'));
} else {
callback();
}
};
return {
ruleValidate: {
title: [
{ required: true, message: '标题不能为空', trigger: 'blur' }
],
amount: [
{ required: true, trigger: 'blur', validator: validateAmount }
],
},
}
},
<FormItem label="金额" prop="amount">
<Input v-model="formValidate.amount" type="number" placeholder="Enter something..." />
</FormItem>