computed: { rulesList: function() {if(this.temp.pay_type) {returnthis.rules }else{returnthis.rules2 } } }, 2.在data()中定义多个rule规则,用三元表达式来判断当前需要的规则。 <el-formclass="dialog-body"ref="from":rules="!form.id ? 'rules' : 'rules2'":model="temp"> <!--这里为表...
computed: { ruleForm() { const ruleForm = {}; this.list.forEach((item, index) => { //list是页面form 循环表单的长度进行循环,代表循环生成多个rules名称 ruleForm[`submitValue[${index}]`] = [{ validator: (rule, value, callback) => this.submitValueFun(rule, value, callback, index),...
vueel-form多规则rules验证 当我们在使⽤vue el-form的时候，经常会根据传⼊的值来动态验证表单信息，⽐如新建，编辑表单，不同的情况下，需要的验证⽅式不⼀样。根据这样的需求，我们有两种⽅法解决：1.在data()中定义两个rule规则,⽤computed根据值动态验证。<el-form class="dialog-body" :rules...
computed: { // this.updateQusTable.showSelect自己定义的标识 updateQusRulesList: function() { if (this.updateQusTable.showSelect) { return this.updateQusRulesSel; } else { return this.updateQusRules; } } 另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72...
el-form循环表单如何做rules,每次只校验循环内输⼊的单个值效果：注意点：红线内标起来porp ⼀定要跟 computed 内声明的名称⼀致 vue:<el-form ref="form" :model="form" label-width="150px" :inline="true" :rules="ruleForm"> <div v-for="(item,index) in list" :key="index"> <el-...
el-form(:model="model" :rules="rules") el-form-item(:label="config.label" :prop="config.modelKey" v-for="config in schema" :key="config.modelKey") el-input(v-model="model[config.modelKey]" v-bind="config.props")复制代码
总结:在computed中进行值绑定,当该表单显示的时候就会触发(一开始是隐藏的),如果一开始页面加载的时候就触发会无法进行值判断,从而报错。其实能解决问题,通过该种方法。 二、最简单解决方法 在el-form中定义的rules检验字段,如果你的rules中有字段通过v-if进行隐藏,rules是不会对隐藏的字段选项进行判断,只要定义一个...
<el-form-item prop="name" label="姓名" :rules="[{ required: true, message: '姓名不能为空222', trigger: 'blur' }]"> <el-input v-model="formData.name"></el-input> </el-form-item> <el-form-item prop="age" label="年龄"> ...
return this.updateQusRules; } } 总结:在computed中进行值绑定,当该表单显示的时候就会触发(一开始是隐藏的),如果一开始页面加载的时候就触发会无法进行值判断,从而报错。其实能解决问题,通过该种方法。 二、最简单解决方法 在el-form中定义的rules检验字段,如果你的rules中有字段通过v-if进行隐藏,rules是不会对...
this.formModel = val;} },computed: { addItem() { let newAddFroms = {};Object.keys(this....