element-ui Form表单校验
2020-01-13 23:04
148 查看
使用element-ui自带的表单校验,注意几个点:
1.el-form通过rules属性,绑定校验规则
2.el-form-item的prop属性,设置为需要校验的字段名
3.提交后二次校验
saveEdit(formName) { this.$refs[formName].validate((valid) =>{ if (valid){ this.editVisible = false } else{ this.$alert('有必填项未输入,请检查') } }) }
element-ui文档:http://element-cn.eleme.io/#/zh-CN/component/form
转载于:https://www.cnblogs.com/dannyyao/p/10496496.html
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- vue封装 element-ui form表单验证 正则匹配手机号 自定义校验表格内容
- element-ui的el-table和el-form表单校验嵌套使用
- elementUI表单校验——自定义验证
- vue + ElementUI 关闭对话框清空验证,清除form表单
- vue elementUI 表单校验功能之数组多层嵌套
- vue elementUI之Form表单 验证
- vue + ElementUI 关闭对话框清空验证,清除form表单
- vue+axios+element-ui实战(五)-- 验证、清除多个form表单
- element-ui 的form表单验证
- vue + ElementUI 关闭对话框清空验证,清除form表单
- Vue ElementUi同时校验多个表单(巧用new promise)
- vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
- 使用 Promise.all 校验多个表单(element-ui)
- Element-UI如何自定义表单校验规则
- element-ui:非v-model绑定的自身属性的form表单验证
- vue elementUI之Form表单 验证
- vue elementui form表单验证的实现
- 基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
- Vue ElementUI之Form表单验证遇到的问题
- Vue Elementui Form表单验证