首页 >web前端 >js教程 > 正文

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

原创2018-05-30 10:44:3202145
下面我就为大家分享一篇iview中Select 选择器多选校验方法,具有很好的参考价值,希望对大家有所帮助。

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

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

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

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

正则可以写在data中

在rules中引用即可

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

对vue里函数的调用顺序介绍

JS实现为动态创建的元素添加事件操作示例

Vue的路由动态重定向和导航守卫实例

以上就是iview中Select 选择器多选校验方法的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:Select iview 选择器
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • javascript初级视频教程javascript初级视频教程
  • jquery 基础视频教程jquery 基础视频教程
  • 视频教程分类