el-form 表单验证 大于0
时间: 2024-05-09 13:17:53 浏览: 192
的整数,应该如何设置规则?或者说,如何实现 el-form 表单验证大于0的整数?
你可以通过设置 min 和 type 属性来实现 el-form 表单验证大于0的整数。具体来说,你可以将 type 设置为 "number",然后设置 min 值为 1,以此来限制用户输入大于0的整数。比如下面这段代码:
```
<el-form :model="formData" :rules="rules">
<el-form-item label="数量" prop="amount">
<el-input v-model.number="formData.amount"></el-input>
</el-form-item>
</el-form>
```
```
data() {
return {
formData: {
amount: null
},
rules: {
amount: [
{ required: true, message: '请输入数量', trigger: 'blur' },
{ type: 'number', message: '请输入数字', trigger: 'blur' },
{ min: 1, message: '数量必须大于0', trigger: 'blur' }
]
}
}
}
```
通过上面的代码,用户输入的数量必须是大于0的整数,如果用户输入的数量小于等于0或者不是整数,那么验证就会失败并提示相应的错误信息。
阅读全文