el-input的校验如何添加多个trigger
时间: 2023-05-19 18:07:29 浏览: 722
您可以使用 el-form 组件中的 rules 属性来添加多个 trigger 校验。例如,您可以在 rules 中添加一个对象,该对象包含多个 trigger 校验规则。示例代码如下:
```
<el-form :model="form" :rules="rules">
<el-form-item label="用户名" prop="username">
<el-input v-model="form.username" placeholder="请输入用户名"></el-input>
</el-form-item>
</el-form>
<script>
export default {
data() {
return {
form: {
username: ''
},
rules: {
username: [
{ required: true, message: '用户名不能为空', trigger: ['blur', 'change'] },
{ min: 3, max: 10, message: '用户名长度在 3 到 10 个字符', trigger: ['blur', 'change'] }
]
}
}
}
}
</script>
```
在上面的示例代码中,我们在 rules 中为 username 字段添加了两个 trigger 校验规则,分别是 blur 和 change。这意味着当用户在输入框中失去焦点或者输入内容改变时,都会触发校验。您可以根据自己的需求添加更多的 trigger 校验规则。