表单验证 this.$refs[formName].validate()

方法使用前需了解:

来自”和“小编的小提示:

首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form。

其次在拿到了正确的form后,检查该form上添加的表单验证是否正确,需要注意的点有:

1.使用此方法前检查prop一定必须要写在上面,写在里面的input上或者其他任何地方都不行(el-form-item prop属性绑定)

2.el-form rules,model属性绑定,ref标识

vue结合element-ui的表单验证
1.使用此方法前检查prop一定必须要写在上面,写在里面的input上或者其他任何地方都不行
el-form-item prop属性绑定)


数字类型的验证需要在 v-model 处加上 .number 的修饰符,
这是 Vue 自身提供的用于将绑定值转化为 number 类型的修饰符
2.el-form rules,model属性绑定,
ref标识this.$refs['formName'].validate((valid) => {
if (!valid) {
console.log(valid)
//do something
return false }else{
//do something
}
})

formName是form的ref属性 //
如果 this.refs.formName.validate()

你可能感兴趣的:(表单验证 this.$refs[formName].validate())