A. vue elementui el-form rules动态验证的实例代码详解
一、介绍
简介：在使用elementUI
el-form
中，对于业务不同的时候可能会产生不同表单结构，但是都是存在同一个表单控件el-form中。
图片介绍：
1、在用户选择单选或多选时会有A,B,C,D,E五个选项
2、在用户选择简答题时只会题干，答案以及解析选项（主要是通过v-if来进行判断）
问题引入：当用户选择不同的题库时会产生不同的form表单选项，这个时候在进行表单提交验证的时候就需要根据不同试题类型进行判断，这个时候就需要两个rules来动态进行表单校验。
解决方法：在页面加载的时候在computed方法中进行动态判断直接返回赋值。
代码介绍：
//
elementui信息
<el-form
:model="addQueTable"
ref="addQueTable"
:rules="addQueRulesList">
<el-form>
//
data中定义rules
updateQusRulesSel:[];
updateQusRules:[];
//
computed方法
computed:
{
//
this.updateQusTable.showSelect自己定义的标识
updateQusRulesList:
function()
{
if
(this.updateQusTable.showSelect)
{
return
this.updateQusRulesSel;
}
else
{
return
this.updateQusRules;
}
}
总结：在computed中进行值绑定，当该表单显示的时候就会触发(一开始是隐藏的)，如果一开始页面加载的时候就触发会无法进行值判断，从而报错。其实能解决问题，通过该种方法。
二、最简单解决方法
在el-form中定义的rules检验字段，如果你的rules中有字段通过v-if进行隐藏，rules是不会对隐藏的字段选项进行判断，只要定义一个完整的rules就行，v-if隐藏的部分不会进入校验方法中。
把简单的问题复杂化了！！！！！
感谢该用户：
总结
以上所述是小编给大家介绍的vue
elementui
el-form
rules动态验证的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:vue
elementUI
table
自定义表头和行合并的实例代码vue+elementUI实现表单和图片上传及验证功能示例如何利用vue+vue-router+elementUI实现简易通讯录基于elementUI使用v-model实现经纬度输入的vue组件详细讲解如何创建,
发布自己的
Vue
UI
组件库
B. 好分数在哪里查成绩
现在不少学校的月考成绩已经出来了，家长和考生可以利用好分数进行成绩的查询，为了帮助各位家长和学生查询自己的考试成绩，小编整理了好分数在线成绩查询的官网及注册方式，大家可以详细了解一下，查成绩会更加方便哦！
好分数官网查成绩登录入口www.haofenshu.com
好分数官网查成绩登录入口www.haofenshu.com
您好! 为了让您更及时、全面地了解自己孩子的学习情况，本次考试起，家长和学生可通过网络实时查看学生各科考试的成绩、排名、错题本和各题的批阅痕迹、满分答案和知识点详情。具体操作说明如下：
1、登录网站（好分数）：www.haofenshu.com或搜索好分数，进行注册；
2、好分数APP下载，扫描二维码即可下载注册，或在苹果商店（苹果），360，网络，应用宝，豌豆荚，小米，魅族（安卓）等应用商店搜索“好分数”下载；
好分数官网查成绩登录入口www.haofenshu.com
3、注册说明：
家长：按页面提示，输入学生本次考试的考号／学号、学生中文姓名等信息；
学生：按页面提示，输入本次考试的考号／学号、中文姓名等信息；
4、注册成功后，登录账号，查看学生成绩、考卷、错题，对各科试卷进行电子签名；
学生注册好分数具体流程
填写用户名。即登录账号，建议使用QQ号作为用户名，便于记忆。
设置密码。密码要求6位的数字或字母，不宜太过简单。
填写电子邮箱。建议使用QQ邮箱。学生账号需在邮箱激活后使用，请务必正确填写。
填写正确的学生姓名、考号以验证学生身份。学生姓名需与考号对应，考号为学生在答题卷上填涂的号码（或条形码号码）。
点击注册后，在邮箱中找到激活邮件，点击链接激活账号，并回到好分数网站进行登录 。
好分数成绩查询注意事项
需要匹配姓名+考试证件号成功后才可以查看学生的成绩。考试证件号是学生考试时填写在考卷上的号码，根据学校的不同，可能是考号、学号、学籍号。如果家长不知道学生的考号，可以点击右上角跳过，跳过后可以进入好分数主页，但是无法查询成绩。跳过绑定学生的家长询问孩子获取考号后，用手机+设置的密码登录好分数，重新绑定后就可以查到成绩了。