iview中Select 选择器多选校验方法

iview提供的select组件中使用multiple属性可以开启多选模式,返回的数据也是数组的形式。

iview使用的校验是根据async-validator来实现数据验证。验证规则可前去查看开源项目

多选模式下的select组件校验使用type为array,可设置len属性来规定数组的长度，设置len:1则不是数组长度为1则通过校验，不设置则数组有元素则通过校验。

{

type:

'array',

required:

true,

message:

'不能为空'}

正则可以写在data中

在rules中引用即可

以上这篇iview中Select

选择器多选校验方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:完美解决iview

的select下拉框选项错位的问题

iview官网中page换页配合table组件有示例，切换请求展示数据。

需求：请求返回的数据需要进行赛选后再进行展示，不能直接将数据与table :data进行关联。

日常记录，有错误or优化请指出，不胜感激！

第三方组件官网

Element-ui

iView

Vant

如果父类组件需要直接获取子类的方法 可以使用 $children

子获父 $parent 子获取跟组件 $root

如果使用自定义组件，在里面插入其他的文字或者标签，是不能够显示的，如果想在组件中插入其他标签，需要在标签中插入 <slot></slot> ,插槽写在哪个位置，插入的文字或者标签，就在哪个位置显示

我们先定义3个 全局 的自定义组件 分别为 child1 child2 child3

我们把vue实例当作根组件（父组件）

父跟子的关系

通常情况下，在父组件中有个子组件，子组件想要使用（获取）父组件的值，我们使用 $parent 来获取父组件的的值

我们在 child1 子组件中插入了一个组件这个时候 child1 变成了 childson 的父组件，如果这个时候我们在获取根组件（vue实例 | 根实例），这个时候我们可以用多个 $parent 来获取祖组件数据，当然，我们可以用 $root 直接获取根实例的值

父组件获取子组件的值，我们用 $children 来获取，

$children 获取的是所有子组件的实例，返回的是数组类型，再通过下标获取指定的子组件

如果页面的结构出现了调整，这里获取的具体的组件可以就对不上号了。：

如下