需求:el-form里面el-form-item的数据基本可以重复,可以遍历生成,el-form-item里面有下拉和input,选择某个下拉出现input,某个下拉隐藏input,如下图: 思路:动态生成el-form-item,并在el-form-item绑定校验规则 <el-form ref="stockForm":model="stockForm"class="zd-el-form"size="mini"inline label-width="1...
点击查看代码 <v-for"(e, index) in appAdnInfo.ext":key="e.name"><el-form-item:label-width="labelWidth":label="e.label":prop="'ext.' + index + '.value'":rules"[{ required: e.isChecked, message: e.name+'不能为空', trigger: 'blur' }]"el-inputautocomplete"off"v-modelplaceho...
触发时机:校验通常会在用户输入数据后触发,具体触发时机取决于 trigger 属性的设置。常见的触发时机包括 blur(失去焦点时触发)、change(数据变化时触发)等。 校验规则:校验规则通过 rules 属性定义,它是一个包含多个校验对象的数组。每个校验对象可以包含以下属性: required:是否必填。 message:校验失败时显示的提示信息...
message: '请输入开始时间', trigger: 'blur' }], endDate: [{ required: true, message: '请输入结束时间', trigger: 'blur' }], phone: [{ required: true, message: '请输入手机号', trigger: 'blur' }], }, }; ``` ``` <el-table-column :render-header="renderHeader"> <template slot...
问题描述:在ef-form-item中包裹了一个自定义的组件,是定prop 进行校验,trigger是blur的是可以触发的,当是change的没有触发校验。 原因:查看el...
解决:在 el-form-item 中添加一个属性key,key的值是唯一的(一般key和prop写一样的内容即可,因为rules里面的东西不能重复定义,所以肯定是唯一的。) <el-form-item prop="accountName" key="accountName" label="账号" :rules="[ { required: true, message: '请输入账号', trigger: 'blur' }, ...
9. rules的简单校验有三个属性:required,message,trigger,分别为:是否必填,校验失败提示信息,校验时机 10. 如果要自定义校验规则,需要属性validator:(rule,value,callback)=>{手动校验代码块},rule参数数据很丰富,为一个Object类型的数据,有field,type,validator,required等属性,value为:model属性的值,callback(str)...
}, message:'项目不能为空', trigger:'change', required: true } ]" > language复制代码 ## methods方法写 projectIdCheckClass(rule, values, callback,data) {//自定义验证的逻辑if(!this.projectId || !this.projectId.length) {returncallback(new Error(`项目不能为空`)); ...
<el-table-column label="物品名称" prop="stuffName" width="150"> <template slot-scope="scope"> <el-form-item :prop="`stuffName${scope.$index}`" :rules="{ required: true, message: '请选择一个物品名称', trigger: 'change' }"> <el-select v-model="scope.row.stuffName" filterable ...
files: [ { required: true, message: '请上传至少一个附件', trigger: 'change' } ] }; const handleFileChange = (file, fileList) => { form.value.files = fileList; if (formRef.value) { formRef.value.validateField('files'); }