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

个人资料

微博

正文字体大小：大中小

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

(2020-05-02 02:10:29)

分类：前端

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

}

})

参考：https://www.jianshu.com/p/0d682c60305b

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：ELK