'info.age': [{required: true, trigger: 'blur', message: 'required'}] }, 1. 2. 3. 4. 5. 6. 对于在循环之中动态绑定的属性,则需要进行动态的prop绑定(必须是字符串形式的属性取值),再绑定指定的rules,例如 // html // js rules: { age: [{required: true, trigger: 'blur', message: '...
<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="密码" prop="pass"> <el-input type="password" v-model="ruleForm.pass" autocomplete="off"></el-input> </el-form-item> <el-form-item label="...
fuzeren: [{ required: true, message: '请输入模型负责人' }], shenpiren: [{ required: true, message: '请输入审批人' }], resultTableName: [{ required: true, message: '请输入结果表名称' }], resultTableColumn: [{ required: true, message: '请输入结果名字段' }], dataDeveloper: [{ r...
{required:true,message:"请选择条件",trigger:"blur"} ] } }; },computed: {isHaveTo:function(){returnthis.ruleForm.region !==1; } },methods: {submitForm(formName){this.$refs[formName].validate(valid=>{if(valid) {console.log(`已提交表单`); }else{console.log("error submit!!");retu...
elementui表单验证动态修改required,并且实时更新是否展示报错提示 最近在开发一个功能,一个表单里面有输入框,每个输入框上面有一个switch开关,开启则必填,不开启的话则该输入框的值可以为空。 我把校验规则写在了el-form-item上面: <el-form-item label="姓名" prop="name" :rules="[{ required: Number(temp...
<el-form-item prop="email" label="邮箱" :rules="[ {required:true,message:'请输入邮箱地址',trigger:'blur'}, {type:'email',message:'请输入正确的邮箱地址',trigger:['blur','change']} ]" > <el-inputv-model="dynamicValidateForm.email"></el-input> ...
:rules="form.is_commission == 1 ? {required: true, message: '请选择是否抽佣', trigger: ['blur', 'change']} : {required: false}"><el-selectv-model="item.staff_id"placeholder="请选择抽佣方"style="width: 200px;"><el-optionv-for="(item, index) in splitAccountList":key="index...
{ required: true, message: "请填写年龄", trigger: "blur" }], home: [{ required: true, message: "请填写籍贯", trigger: "blur" }], skill: [{ required: true, message: "请填写技能", trigger: "blur" }], dream: [{ required: true, message: "请填写梦想", trigger: "blur" }], ...
name:[{required: true,message:'不能为空',trigger: 'blur'}]} 以上为校验规则 点击暂存：this.rules= Object.assign({},this.$options.data().temprules)setTimedout(() =>{ this.$refs[formName].validate((valid) => { })},100)点击保存：this.rules= Object.assign({},this.$options.data()....
1、在必填的 el-form-item 写两个一样的,一个有 rules 一个没,然后用 v-if 去动态判断 2、现在要说的是方法2,大部分网上看的都是用方法一的方式,而且基本都 copy 的文章 首先在data()数据定义中先定义个布尔值 projectIsRequired:false,// 是否是必填项 ...