el-form表单添加自定义验证
程序员文章站
2022-04-25 15:47:46
...
添加表单el-form
必不可少的字段: :model、ref、:rules 还有表单项里的prop
最后添加一个确定按钮和一个取消按钮,取消按钮的cancel功能是点击取消按钮及时清除验证信息
在data() {}里面添加验证 规则
在data的return里面引用验证规则
在确定按钮里面使用验证
saveAdd: function() {
this.$refs['addForm'].validate((valid) => {
if (valid) {
alert('valid)
} else {
alert('disvalid')
}
})
}
在取消按钮添加代码清除提示信息
cancel: function(formName) {
this.$refs[formName].clearValidate()
}
上一篇: Django REST 框架详解 08 | 认证组件
下一篇: Django ----- 模型关系类
推荐阅读
-
(七十六)c#Winform自定义控件-表单验证组件
-
vue element动态渲染、移除表单并添加验证的实现
-
Vue+Element实现动态生成新表单并添加验证功能
-
Angular2 自定义表单验证器的实现方法
-
Angular2表单自定义验证器的实现
-
vee-validate vue 2.0自定义表单验证的实例
-
在Vant的基础上实现添加表单验证框架的方法示例
-
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
-
MVC身份验证.MVC过滤器.MVC6关键字Task,Async.前端模拟表单验证,提交.自定义匿名集合.Edge导出到Excel.BootstrapTree树状菜单的全选和反选.bootstrap可搜索可多选可全选下拉框
-
vue组件开发之用户无限添加自定义填写表单的方法