el-form触发单个校验
时间: 2023-11-17 13:05:54 浏览: 162
el-table嵌套 el-form并且加正则校验
可以使用 el-form 组件的 validateField 方法来触发单个表单项的校验。该方法接收一个参数,即需要校验的表单项 prop 值。
例如,如果需要校验名为 "username" 的表单项,可以在 el-form 上绑定 ref,并在需要触发校验的时候调用 validateField 方法:
```
<template>
<el-form ref="myForm">
<el-form-item label="用户名" prop="username">
<el-input v-model="username"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="validateUsername">校验用户名</el-button>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
username: ''
}
},
methods: {
validateUsername() {
this.$refs.myForm.validateField('username')
}
}
}
</script>
```
阅读全文