el-form表单中的el-upload的文件表单验证
常规el-form中的表单验证:
el-form的el-form-item中:
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item> <el-form-item label="活动区域" prop="region"> <el-select v-model="ruleForm.region" placeholder="请选择活动区域"> <el-option label="区域一" value="shanghai"></el-option> <el-option label="区域二" value="beijing"></el-option> </el-select> </el-form-item> ... </el-form>
在el-form中用model绑定ruleForm表单,里面存有所有表头数据,如:
ruleForm: { name: '', region: '', ... },
rules绑定的是rules