vue表单验证 时报async-validator:”XXX“ is not a string

今天遇到一个很奇怪的事情就是表单项明明写的是:

<el-form-item label="包月缴纳金额:" prop="payAmount" >
         <el-input v-model.number="AddMdForm.payAmount" placeholder="请输入包月缴纳金额" />
</el-form-item>

验证规则也写的是：

this.rules.payAmount = [
     { required: true, message: '请输入包月缴纳金额', trigger: 'blur' },
     { type: 'number', message: '包月缴纳金额必须是数字', trigger: 'blur' },
     { min: 0, message: '包月缴纳金额不能小于0', trigger: 'blur' },
]

结果一输入就报错: ['payAmount is not a string']

我就纳闷了怎么就没用呢  然后我去csdn找了相关问题解析 发现说去掉trigger:'blur'就行

亲测过后 发现还是不行 

于是又过了几个小时的查找  终于解决了

原来是它不能写成多个验证规则，它只能写成一个验证规则 代码如下

this.rules.payAmount = [{ required: true, type: 'number', min: 0, message: '包月缴纳金额不能小于0' }]

它就能验证成功了 ！