el-form trigger类型
el-form是Element UI中的一个组件，trigger类型是el-form的一个属性，用于指定表单何时触发校验。本文将围绕el-form trigger类型展开，介绍其作用、使用方法以及注意事项。
el-form是Element UI中的一个表单组件，用于快速构建表单页面。它提供了丰富的表单验证和布局功能，极大地简化了开发人员的工作。而trigger类型是el-form的一个属性，用于指定表单在什么时候触发校验。
在el-form组件中，可以通过设置trigger属性来控制表单的校验时机。默认情况下，表单在输入框失去焦点后触发校验。但是，在一些特殊的场景下，我们可能希望表单在输入时即时校验，或者在提交表单时校验。这时，就可以通过设置trigger属性来实现。
trigger属性可以取三个值："change"、"blur"和"submit"。当trigger的值为"change"时，表单会在输入框的值发生改变时立即触发校验。当trigger的值为"blur"时，表单会在输入框失去焦点时触发校验。当trigger的值为"submit"时，表单会在提交表单时触发校验。
使用trigger属性非常简单，只需要在el-form标签中添加trigger属性，并设置为相应的值即可。
例如，若希望在输入框失去焦点后触发校验，可以这样设置：
```
<el-form :model="formData" :rules="rules" trigger="blur">
 
</el-form>
```
需要注意的是，trigger属性只对设置了prop属性的表单项起作用。例如，对于一个输入框，需要设置prop属性才能使其受到trigger属性的控制。prop属性是用来指定表单项的字段名，用于与model中的数据进行绑定。例如，对于一个输入框，可以这样设置：
```
<el-form-item label="用户名" prop="username">
  <el-input v-model="formData.username"></el-input>
</el-form-item>
```
html中提交表单用什么属性在上述例子中，prop属性的值为"username"，表示该输入框与model中的formData对象的username字段进行绑定。当trigger属性的值为"blur"时，该输入框在失去焦点后会触发校验。
在使用el-form时，还有一些需要注意的事项。首先，需要在data中定义formData对象，并在el-form中通过:model绑定formData，以实现表单项与数据的双向绑定。其次，需要在el-form中定义rules对象，用于设置表单项的校验规则。校验规则可以包括必填、最大长度、最小值等等。最后，通过调用el-form的validate方法，可以手动触发表单的校验。
总结一下，el-form的trigger类型是用于指定表单何时触发校验的属性。通过设置trigger属性，可以实现表单在输入时即时校验、在失去焦点时校验或者在提交表单时校验。使用trigger属性非常简单，只需要在el-form标签中添加trigger属性，并设置为相应的值即可。
同时，还需要注意定义formData对象、设置校验规则以及手动触发校验的方法。
希望通过本文的介绍，您对el-form的trigger类型有了更清晰的认识，并能够在实际开发中灵活应用。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。