不玩微博的jason2
不玩微博的jason2

element-ui react Form 组件校验规则required=true失败

出现的错误

required = true时，即使表单输入框有值，也会报错

问题原因

element-ui form校验通过async-validate实现，async-validate默认检验内容type=string，而此时我们输入框值为后台返回的Int (js里是 number)

解决方法

每个规则项加入 type  类型

你可能感兴趣的:(element-React)

  • Reac16+Monaco打造代码编辑器（前端部分） 明哲慕鸿 ReactMonaco
    效果图实现这里小编只讲编辑器的主体部分，及两个选择框以及编辑器部分。首先是选择器，毕竟主体的编辑器需要通过选择器来改变样式以及提供语言高亮等支持SelectBox.jsimportReactfrom'react';import{Select}from'element-react';import{Layout}from'element-react';import'element-theme-defa
  • 从0-1实战react项目 大白菜1号 react.jsjavascriptecmascript前端框架
    文章目录1.安装2.完成一个组件开发3.添加路由3.引入element-react1.运行发现报错./node_modules/element-react/dist/npm/es5/src/locale/format.js2.接着又报错Thecomponentappearstobeafunctioncomponentthatreturnsaclassinstance.ChangeRoutertoa
  • 前端ui库 深愛某女子
    百度统计图表：http://echarts.baidu.com/淘宝移动ui大全(原生html5)：http://m.sui.taobao.org/饿了吗vue-ui(pc端)：http://element-cn.eleme.io/#/zh-CN/饿了吗react-ui(pc端)：https://eleme.github.io/element-react/#/zh-CN/quick-startpc
  • 面试官：react中的setState()是同步还是异步？如何证明？ 前端不释卷leo 面试reactreact.jses6前端
    setState()支持改变组件中的状态state，那么其究竟是同步的还是异步的呢？举个简单例子：importReactfrom'react';import{Button}from'element-react';classParentextendsReact.Component{constructor(props){super(props);this.state={number:0}this.ad
  • antvue 有赞布局_UI大全：前端UI框架集合（持续更新，当前32个） weixin_39943586 antvue有赞布局
    2017-1209ZanUI(Vue)2017-1218OnsenUI(Vue,React,Angular)2017-1215增加Vuetify,WeexUI,SemanticUIReact,element-react,element-angular,NG-ZORRO2017-1214增加MintUI2017-1211增加Layui,UIkit2017-1206增加cube-ui,AmazeuiR
  • 用element-react快速构建一款高大山后台管理系统 如初-yobbo Element-reactreact
    最近在学习react时候无意中接触到了element-react，感觉文档和界面做的都很漂亮，所以决定用elemet-react快速构建一款后台管理系统。下面是一些效果
  • React脚手架+element-react并暴露配置 秦罹 react
    1.安装create-react-app，npminstall-gcreate-react-app；2.新建一个项目，create-react-appmanager；3.进入项目，安装组件，cdmanager——npmielement-react--save——npminstallelement-theme-default--save；4.此时启动项目npmstart会报错：D:\sdf\mana
  • IE9及以下浏览器升级提示 ZHAO_ javascript兼容性问题htmlreact.js
    在使用react的项目中一般都有兼容性问题，特别是使用了组件库比如element-react或者ant-design等等，在ie下多少都会有点小问题，比如样式不正确，或者组件功能失效，甚至白屏等问题。IE白屏问题一般情况下，白屏的问题在index.html中引入这两个js就能解决解决create-react-appIE兼容性问题es6-shimIE低版本浏览器升级提示但是在更低版本的IE浏览器中还
  • Module not found: Can't resolve 'react-hot-loader' 解决办法 三月泡 react
    刚开始学习react，记录下错误Modulenotfound:Can'tresolve'react-hot-loader'in'd:\react\react-elementui\node_modules\element-react\dist\npm\es5\libs\animate'解决办法：进入项目目录，cdd:\react\react-elementuid:执行npminstallreact-
  • react项目引入element-react报错 奥特蛋_mm React
    ./node_modules/element-react/dist/npm/es5/libs/animate/transition.jsModulenotfound:Can’tresolve‘react-hot-loader’in‘…’react项目引入element-react官网步骤分2步安装element-reactnpmielement-react--save安装默认主题npminstal
  • react项目实战--webpack搭建react项目(二)--elementUI环境搭建 pupuGirl 前端开发webpackreactElementUI
    安装element-react依赖包:npmielement-reactreact-hot-loader@babel/preset-envbabel-preset-es2015babel-plugin-component（按需引入）element-theme-default（样式）--save-->--save是把依赖注入到package.json中dependencies中到目前为止，项目中所依
  • IE9及以下浏览器升级提示 ZHAO_ javascript兼容性问题htmlreact.js
    在使用react的项目中一般都有兼容性问题，特别是使用了组件库比如element-react或者ant-design等等，在ie下多少都会有点小问题，比如样式不正确，或者组件功能失效，甚至白屏等问题。IE白屏问题一般情况下，白屏的问题在index.html中引入这两个js就能解决解决create-react-appIE兼容性问题es6-shimIE低版本浏览器升级提示但是在更低版本的IE浏览器中还
  • 从规范去看Function.prototype.apply到底是怎么工作的？ 趁你还年轻233
    圣诞节快乐.png今天看element-react源码的时候，又看到了这张似曾相识却又异常陌生的老面孔，那就是Function.prototype.apply()...importReactfrom'react';importPropTypesfrom'prop-types';importclassnamesfrom'classnames';exportdefaultclassComponente
  • 从规范去看Function.prototype.apply到底是怎么工作的？ 趁你还年轻 javascript前端ecmascript
    今天看element-react源码的时候，又看到了这张似曾相识却又异常陌生的老面孔，那就是Function.prototype.apply()...importReactfrom'react';importPropTypesfrom'prop-types';importclassnamesfrom'classnames';exportdefaultclassComponentextendsRea
  • UI大全：前端UI框架集合（持续更新，当前32个） Carl uichromehtml5htmljavascript
    2017-1209ZanUI(Vue)2017-1218OnsenUI(Vue,React,Angular)2017-1215增加Vuetify,WeexUI,SemanticUIReact,element-react,element-angular,NG-ZORRO2017-1214增加MintUI2017-1211增加Layui,UIkit2017-1206增加cube-ui,AmazeuiR
  • JAVA基础 灵静志远 位运算加载Date字符串池覆盖
    一、类的初始化顺序 1 （静态变量，静态代码块）-->（变量，初始化块）--> 构造器 同一括号里的，根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况，那就在父类到子类交替初始化。 二、String 1 String a = "abc"; JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象，根
  • keepalived实现redis主从高可用 bylijinnan redis
    方案说明 两台机器（称为A和B），以统一的VIP对外提供服务 1.正常情况下，A和B都启动，B会把A的数据同步过来（B is slave of A） 2.当A挂了后，VIP漂移到B；B的keepalived 通知redis 执行：slaveof no one，由B提供服务 3.当A起来后，VIP不切换，仍在B上面；而A的keepalived 通知redis 执行slaveof B，开始
  • java文件操作大全 0624chenhong java
    最近在博客园看到一篇比较全面的文件操作文章，转过来留着。 http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html 转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html 一.获得控制台用户输入的信息    &nbs
  • android学习任务 不懂事的小屁孩 工作
    任务 完成情况 搞清楚带箭头的pupupwindows和不带的使用 已完成 熟练使用pupupwindows和alertdialog，并搞清楚两者的区别 已完成 熟练使用android的线程handler,并敲示例代码 进行中 了解游戏2048的流程，并完成其代码工作 进行中-差几个actionbar 研究一下android的动画效果，写一个实例 已完成 复习fragem
  • zoom.js 换个号韩国红果果 oom
    它的基于bootstrap 的 https://raw.github.com/twbs/bootstrap/master/js/transition.js  transition.js模块引用顺序 <link rel="stylesheet" href="style/zoom.css"> <script src=&q
  • 详解Oracle云操作系统Solaris 11.2 蓝儿唯美 Solaris
    当Oracle发布Solaris 11时，它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是，这些说法没有告诉我们为什么Solaris是配得上云的。幸好，我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用：OpenStack、内核域、统一存档（UA）和弹性虚拟交换（EVS）。 
  • spring学习——springmvc（一） a-john springMVC
    Spring MVC基于模型-视图-控制器（Model-View-Controller，MVC）实现，能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。   1，跟踪Spring MVC的请求 请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样，Spring MVC所有的请求都会通过一个前端控制器Servlet。前
  • hdu4342 History repeat itself-------多校联合五 aijuans 数论
    水题就不多说什么了。 #include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--)
  • EJB和javabean的区别 asia007 beanejb
    EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了   1.EJB用于服务端应用开发, 而JavaBeans
  • Struts的action和Result总结 百合不是茶 strutsAction配置Result配置
        一:Action的配置详解:      下面是一个Struts中一个空的Struts.xml的配置文件     <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC &quo
  • 如何带好自已的团队 bijian1013 项目管理团队管理团队
    在网上看到博客" 怎么才能让团队成员好好干活"的评论，觉得写的比较好。 原文如下： 我做团队管理有几年了吧，我和你分享一下我认为带好团队的几点： 1.诚信         对团队内成员，无论是技术研究、交流、问题探讨，要尽可能的保持一种诚信的态度，用心去做好，你的团队会感觉得到。 2.努力提
  • Java代码混淆工具 sunjing ProGuard
    Open Source Obfuscators ProGuard http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m
  • 【Redis三】基于Redis sentinel的自动failover主从复制 bit1129 redis
    在第二篇中使用2.8.17搭建了主从复制，但是它存在Master单点问题，为了解决这个问题，Redis从2.6开始引入sentinel，用于监控和管理Redis的主从复制环境，进行自动failover，即Master挂了后，sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作，如果Master醒来再次加入集群，只能以从服务器的形式工作。   什么是Sentine
  • 使用代理实现Hibernate Dao层自动事务 白糖_ DAOspringAOP框架Hibernate
    都说spring利用AOP实现自动事务处理机制非常好，但在只有hibernate这个框架情况下，我们开启session、管理事务就往往很麻烦。 public void save(Object obj){ Session session = this.getSession(); Transaction tran = session.beginTransaction(); try
  • maven3实战读书笔记 braveCS maven3
    Maven简介 是什么？ Is a software project management and comprehension tool.项目管理工具 是基于POM概念(工程对象模型) [设计重复、编码重复、文档重复、构建重复，maven最大化消除了构建的重复] [与XP：简单、交流与反馈；测试驱动开发、十分钟构建、持续集成、富有信息的工作区]     功能：
  • 编程之美-子数组的最大乘积 bylijinnan 编程之美
    public class MaxProduct { /** * 编程之美 子数组的最大乘积 * 题目: 给定一个长度为N的整数数组，只允许使用乘法，不能用除法，计算任意N-1个数的组合中乘积中最大的一组，并写出算法的时间复杂度。 * 以下程序对应书上两种方法，求得“乘积中最大的一组”的乘积——都是有溢出的可能的。 * 但按题目的意思，是要求得这个子数组，而不
  • 读书笔记-2 chengxuyuancsdn 读书笔记
    1、反射 2、oracle年-月-日 时-分-秒 3、oracle创建有参、无参函数 4、oracle行转列 5、Struts2拦截器 6、Filter过滤器(web.xml) 1、反射 (1)检查类的结构 在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。 2、oracle年月日时分秒 s
  • [求学与房地产]慎重选择IT培训学校 comsci it
          关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题       培训学校的教学楼和宿舍的环境和稳定性问题       我们大家都知道，房子是一个比较昂贵的东西，特别是那种能够当教室的房子... &nb
  • RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 daizj oraclermanfilespersetPARALLELISM
    RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 转 PARALLELISM --- 我们还可以通过parallelism参数来指定同时"自动"创建多少个通道： RMAN > configure device type disk parallelism 3 ; 表示启动三个通道，可以加快备份恢复的速度。
  • 简单排序:冒泡排序 dieslrae 冒泡排序
    public void bubbleSort(int[] array){ for(int i=1;i<array.length;i++){ for(int k=0;k<array.length-i;k++){ if(array[k] > array[k+1]){
  • 初二上学期难记单词三 dcj3sjt126com sciet
    concert 音乐会 tonight 今晚 famous 有名的；著名的 song 歌曲 thousand 千 accident 事故；灾难 careless 粗心的，大意的 break 折断；断裂；破碎 heart 心（脏） happen  偶尔发生，碰巧 tourist 旅游者；观光者 science （自然）科学 marry 结婚 subject 题目；
  • I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码 dcj3sjt126com redis
    wget http://download.redis.io/redis-stable.tar.gz tar xvzf redis-stable.tar.gz cd redis-stable make   前面3步应该没有问题，主要的问题是执行make的时候，出现了异常。 异常一： make[2]: cc: Command not found 异常原因：没有安装g
  • 并发容器 shuizhaosi888 并发容器
       通过并发容器来改善同步容器的性能，同步容器将所有对容器状态的访问都串行化，来实现线程安全，这种方式严重降低并发性，当多个线程访问时，吞吐量严重降低。    并发容器ConcurrentHashMap       替代同步基于散列的Map，通过Lock控制。   &nb
  • Spring Security（12）——Remember-Me功能 234390216 Spring SecurityRemember Me记住我
    Remember-Me功能   目录   1.1     概述 1.2     基于简单加密token的方法 1.3     基于持久化token的方法 1.4     Remember-Me相关接口和实现
  • 位运算 焦志广 位运算
    一、位运算符Ｃ语言提供了六种位运算符： & 按位与 | 按位或 ^ 按位异或 ~ 取反 << 左移 >> 右移 1. 按位与运算 按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时，结果位才为1 ，否则为0。参与运算的数以补码方式出现。 例如：9&am
  • nodejs 数据库连接 mongodb mysql liguangsong mongodbmysqlnode数据库连接
    1.mysql 连接    package.json中dependencies加入     "mysql":"~2.7.0"    执行 npm install      在config 下创建文件 database.js    
  • java动态编译 olive6615 javaHotSpotjvm动态编译
        在HotSpot虚拟机中，有两个技术是至关重要的，即动态编译(Dynamic compilation)和Profiling。     HotSpot是如何动态编译Javad的bytecode呢？Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器，即Profile Monitor,专门监视
  • Storm0.9.5的集群部署配置优化 roadrunners 优化storm.yaml
    nimbus结点配置（storm.yaml）信息： # Licensed to the Apache Software Foundation (ASF) under one # or more contributor license agreements. See the NOTICE file # distributed with this work for additional inf
  • 101个MySQL 的调节和优化的提示 tomcat_oracle mysql
    　1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。 　　2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的，它的速度很慢。 　　3. 使用电池供电的RAM（注：RAM即随机存储器）。 　　4. 使用高级的RAID（注：Redundant Arrays of Inexpensive Disks，即磁盘阵列
  • zoj 3829 Known Notation(贪心) 阿尔萨斯 ZOJ
    题目链接：zoj 3829 Known Notation 题目大意：给定一个不完整的后缀表达式，要求有2种不同操作，用尽量少的操作使得表达式完整。 解题思路：贪心，数字的个数要要保证比∗的个数多1，不够的话优先补在开头是最优的。然后遍历一遍字符串，碰到数字+1，碰到∗-1,保证数字的个数大于等1，如果不够减的话，可以和最后面的一个数字交换位置（用栈维护十分方便），因为添加和交换代价都是1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他