Element 表单检验不通过解决思路

先查看Model相关

需要确认是否在<el-form>中绑定:model


<el-form :model="ruleForm" :rules="rules" ref="ruleForm">

其中ruleForm在data中不能是空对象，必须包括所需校验的字段值

 data(){return {ruleForm:{test1: "", // 必须写出具体值test2: "",}   }}

再查看rule相关

需要确认是否在<el-form>中绑定:rules
data中rules如果为空值，则需要写内部rule进行校验
- <el-form-item prop=“test1” rules="[{ required: true, message: ‘必填’}]" >
- 否则需要在data中的rules声明rule具体值
```
 data(){return {rules:{test1: [{required: false, message: ''}],, // 必须写出具体值} }
```
```
最后查看rule的触发方式是否是符合需求的，若不写trigger默认是change

Element 表单检验不通过解决思路相关推荐

java订单重复提交_java表单重复提交常用解决办法
最近在看些基础的东西,顺便做下笔记.相信大家在平时网页使用中,经常会有按钮重复点击,然后点不动刷新,还有当网络延时比较厉害点了没反应在点击的重复提交.为了避免这种情况,总结了一下4点处理方案表单重复 ...
360 html禁止自动填充,360浏览器的表单自动填充设置在哪?360浏览器自动填充表单的问题怎么解决？...
360浏览器的表单自动填充设置在哪?360浏览器自动填充表单的问题怎么解决? 很多用户都遇到了360浏览器自动填充表单的问题,那么怎么解决呢?今天带来360浏览器自动填充表单的问题解决方法分享. 开发 ...
BOS项目(SSH)04_02_修改密码功能-easyui的表单验证、表单检验 easyUI实现表单验证、如果加密的密码忘记了怎么办
系列文章目录文章目录系列文章目录前言修改密码功能-easyui的表单检验如果加密的密码忘记了怎么办总结前言这些是easyUI帮我们做好的,我们只需要在easyUI里面声明好一些属性即可 ...
Element 表单的 rules 验证 Number
在使用 Element 表单的时候,验证数字是很正常的需求. Element的表单验证用的是 async-validator ,查看可以设置 type 来进行验证 number ,我最初使用的如下: ...
element 表单下拉菜单点击上下箭头失效
element 表单下拉菜单点击上下箭头失效使用表单的Form-Item Slot 把label改成下拉菜单,然后点击箭头图标不触发下拉事件解决办法:el-form-item上一定要加上prop ...
表单重复提交的解决方法
表单重复提交的解决方法参考文章: (1)表单重复提交的解决方法 (2)https://www.cnblogs.com/lwj-0923/p/7367517.html 备忘一下.
用 Flask 来写个轻博客 (13) — M(V)C_WTForms 服务端表单检验
Blog 项目源码:https://github.com/JmilkFan/JmilkFan-s-Blog 目录目录前文列表 WTForms WTF 的基础使用常用的字段类型 fields.Da ...
水平分库分表的关键问题及解决思路（转）
水平分库分表的关键问题及解决思路分片技术的由来关系型数据库本身比较容易成为系统性能瓶颈,单机存储容量.连接数.处理能力等都很有限,数据库本身的"有状态性"导致了它并不像Web和 ...
Element表单验证（2）
Element表单验证(2) 上篇讲的是async-validator的基本要素,那么,如何使用到Element中以及怎样优雅地使用,就在本篇. 上篇讲到async-validator由3大部分组成 ...

Element 表单检验不通过解决思路

先查看Model相关

再查看rule相关

Element 表单检验不通过解决思路相关推荐

最新文章

热门文章