el-form ruls 只能数据大于0 的数
时间: 2024-02-09 10:10:29 浏览: 292
vue实现表单数据验证的实例代码
如果您想让 el-form 的某个字段只能输入大于 0 的数,可以使用 el-form 的 rules 属性结合正则表达式来实现。具体的规则可以使用正则表达式 `/^[1-9]\d*$/`,表示只能输入大于 0 的整数。以下是一个示例:
```html
<el-form ref="form" :model="formData" :rules="formRules">
<el-form-item label="数量" prop="count">
<el-input v-model="formData.count"></el-input>
</el-form-item>
</el-form>
```
```javascript
data() {
return {
formData: {
count: null
},
formRules: {
count: [
{ required: true, message: '请输入数量', trigger: 'blur' },
{ pattern: /^[1-9]\d*$/, message: '只能输入大于 0 的整数', trigger: 'blur' }
]
}
}
}
```
在上面的代码中,我们定义了一个名为 `count` 的字段,并在 `rules` 属性中定义了两个校验规则。第一个规则表示该字段是必填的,第二个规则使用正则表达式限制了只能输入大于 0 的整数。当用户输入不符合规则的数据时,会提示错误信息。
阅读全文