博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
将 CheckboxGroup 和 Checkbox 组件集成在 Form 里完成一个数据校验的示例
阅读量:6214 次
发布时间:2019-06-21

本文共 1654 字,大约阅读时间需要 5 分钟。

示例如下,部分代码省略:

单独使用的多选组件
值{
{formValidate.multiple$1}}

组合使用的多选组件
选项 1
选项 2
选项 3
多选的值{
{formValidate.multiple$2.toString()}}
复制代码

验证规则:

data() {            const validateMultiple = (rule, value, callback) => {                if (value.length<2) {                    return callback(new Error('不少于两项'));                }else {                    callback();                }            };            return {                formValidate: {                    name: '',                    email: '',                    multiple$1: '5',                    multiple$2: ['option1', 'option2'],                },                ruleValidate:{                    name:[                        {required:true,message:'用户名不能为空', trigger: 'blur'}                    ],                    email: [                        {required: true, message: '邮箱不能为空', trigger: 'blur'},                        {
type: 'email', message: "邮箱格式不正确", trigger: 'blur'} ], multiple$2: [ {validator:validateMultiple, trigger: 'change'} ] }, } },复制代码

转载于:https://juejin.im/post/5d06e5686fb9a07ecd3d5bba

你可能感兴趣的文章
时间戳 时间 相互转换
查看>>
BZOJ2208:[JSOI2010]连通数——题解
查看>>
asp.net代码中尖括号和百分号的含义 <转载>
查看>>
2-sat
查看>>
Jquery DataTable控制显示列,导出EXCEL
查看>>
实验证明:Objective-C++ 完美支持 ARC
查看>>
第八章 Libgdx输入处理(10)触摸屏
查看>>
【mysql】新方法修改数据库密码以及解决--ERROR 1045 (28000)的问题
查看>>
C# ListView控件使用简介
查看>>
当你的才华还不足以支撑起你的野心时,你就该静下心来学习
查看>>
包加载失败的解决办法
查看>>
100款编程在线工具|果断收藏!
查看>>
C语言简单实现链栈基本几个功能
查看>>
《面向模式的软件体系结构2-用于并发和网络化对象模式》读书笔记(15)--- 监视器对象...
查看>>
开通技术博客
查看>>
使用SecureCRT在Linux与Windows之间传输文件
查看>>
git获取远程仓库的方式
查看>>
atomic integer operations P176
查看>>
springboot之HelloWorld
查看>>
python全栈_003_Python3运算符
查看>>