博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
element中使用表单验证rules 需要注意
阅读量:4931 次
发布时间:2019-06-11

本文共 519 字,大约阅读时间需要 1 分钟。

ElemnrtUI配合着vue是常见的后台管理系统的标配,但是element中的说明有些过于简单 需要自己去尝试 才能知道怎么用,今天就记录一下 我所遇到的表单验证的坑。做个分享记录,方便有同样问题的人,也是对自己学习的积累。

1.首先讲一下官方文档对验证规则的描述

  Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。校验规则参见 

  只是很简单的描述,要是完全按照实例的格式写,应该也没什么问题,但是有时候需要不能完全契合吗。

2.下边就写一下几种问题吧,因为我也不知道怎么写合适。

  1。就是这种,明明有文字,却报错

  2.没有效果。

3.分享一下 我所踩的俩个坑。

  1.rules中的名字需要和数据中的变量名保持一致。

    

  2.如果遇到嵌套的el-form,那么需要在需要使用relus规则的父el-form中 写入v-model对应的数据

    因为我是嵌套的,只是想用el-form区分一下结构。

转载于:https://www.cnblogs.com/zhige-1/p/11267900.html

你可能感兴趣的文章
C# FTPHelper(搬运)
查看>>
C#HttpHelper类1.3正式版教程与升级报告
查看>>
【转】Android 语言切换过程分析
查看>>
jpa 多对多关系的实现注解形式
查看>>
Android开发——View绘制过程源码解析(一)
查看>>
Quartz和TopShelf Windows服务作业调度
查看>>
让ie9之前的版本支持canvas
查看>>
排序规则
查看>>
percent的用法
查看>>
中文词频统计
查看>>
Hibernate三种状态详解
查看>>
判断一个数是否是2^N次方
查看>>
Java Win自动环境配置脚本
查看>>
springMVC+Java验证码完善注册功能
查看>>
在虚拟机中的Linux系统搭建ftp服务器,使用nginx代理,实现外网访问ftp服务器的文件——centos6.5系统中的nginx安装及配置...
查看>>
css3媒体查询简单实例
查看>>
java-properties配置文件
查看>>
算法学习-哈希表
查看>>
python操作mysql
查看>>
javascript 学习1
查看>>