element 校验不通过问题

前提概括

element 的 form 表单需要校验非空，我已选择数据，但是依旧报空，如下：

代码已在el-form-item添加prop：


html：
<el-form-item label="入货仓库" prop="inStockId"><el-select v-model="dataForm.inStockId"><el-option v-for="options" :key="item.value" :label="item.label" :value="item.value"></el-option></el-select></el-form-item>js：校验规则：dataRule: {inStockId: [{ required: true, message: "入货仓库不能为空", trigger: "blur" } ],}

可是结果就是不行，一直报不能为空，打印控制台也能打印出dataForm.inStockId。
最后我发现，是在data()中的dataForm没有定义inStockId这个属性
在dataForm中加入inStockId初始化即可

element 校验不通过问题相关推荐

进入页面 element 校验规则自动校验问题
**进入页面 element 校验规则自动校验问题 change 判断会自动触发. ** 我尝试设置默认值为 [] 也不生效 . 解决方案: 在进来校验前置空校验规则. 可能你在上次关闭页面 ...
Jdk8集合源码解析---ArrayList
2019独角兽企业重金招聘Python工程师标准>>> ArrayList的数据结构 ArrayList是一种线性数据结构,底层是动态数组实现的,与java中的数组相比,它的容量可以 ...
java中ArrayList与LinkedList的区别
一.背景面试题中经常会被面试官问到ArrayList和LinkedList的区别,下面从源码角度来对他们进行一下简单的阐述,相信会对它们有一个更全面深入的了解. 首先,ArrayList和Linke ...
LinkedList阅读
LinkedList阅读 package java.util;import java.util.function.Consumer;public class LinkedList<E>ex ...
增加数组下标_数组以及ArrayList源码解析
点击上方"码之初"关注,···选择"设为星标" 与精品技术文章不期而遇前言前一篇我们对数据结构有了个整体的概念上的了解,没看过的小伙伴们可以看我的上篇文章: ...
java list容器_Java 容器列表（三）- ArrayList
ArrayList 概述 ArrayList是JDK容器中的一种列表(List)实现,其实现依赖于数据结构中顺序存储结构(数组),满足了顺序存储结构基本特性.针对 ArrayList 增加改查其实本质 ...
Java集合(一) —— ArrayList
ArrayList ArrayList介绍我们先看一下ArrayList的继承关系图: ①.从图中我们可以看出来ArrayList实现了Serializable接口表示支持序列化,实现了Random ...
jquery的validate表单验证表单注册插件
这款插件非常好用! 首先导入插件: <script src="js/jquery.validate.min.js" type="text/javascript&qu ...
使用 jQuery Validate 进行表单验证
jQuery Validate简介 jQuery Validate 插件提供了强大的表单验证功能,能够让客户端表单验证变得更简单,同时它还提供了大量的可定制化选项,以满足应用程序的各种需求.该插件捆绑 ...

element 校验不通过问题

前提概括

element 校验不通过问题相关推荐

最新文章

热门文章