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

这篇文章主要为大家详细介绍了iview中Select 选择器多选校验方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

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

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

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

代码如下：

{ type: 'array', required: true, message: '不能为空'} 

 

正则可以写在data中

 

【图片暂缺】

 

在rules中引用即可

 

【图片暂缺】

以上这篇iview中Select 选择器多选校验方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/5113-0.html

注：关于iview中Select 选择器多选校验方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js