vue中清除表单的校验规则
在Vue中,如果你想要清除表单的验证规则,可以使用this.$refs.formRef.resetFields()
方法,其中formRef
是你绑定到表单元素的ref
属性。
以下是一个简单的例子:
<template>
<el-form ref="formRef" :model="form" :rules="rules">
<el-form-item prop="email">
<el-input v-model="form.email"></el-input>
</el-form-item>
<el-button @click="clearValidation">清除验证</el-button>
</el-form>
</template>
<script>
export default {
data() {
return {
form: {
email: ''
},
rules: {
email: [
{ required: true, message: '请输入邮箱地址', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
]
}
};
},
methods: {
clearValidation() {
this.$refs.formRef.resetFields();
}
}
};
</script>
在这个例子中,当点击按钮时,clearValidation
方法会被调用,它通过引用formRef
来调用resetFields
方法,这会清除表单中所有字段的验证结果。
评论已关闭