Element UI中form表单怎么验证el-upload组件
Element UI中表单一般都会做表单验证,但是对于表单中存在el-upload组件时怎么方便做验证呢。我们可以借助隐藏一个表单来实现同步验证功能。
<el-form-item label="文件" prop="files"> <el-checkbox-group v-show="false" v-model="form.files"/> <el-upload :action="uploadAction" :file-list="form.files" ref="upload"> <el-button size="small">点击上传</el-button> </el-upload> </el-form-item> export default { data () { return { form: { files: null }, formRules: { files: { required: true, message: '请上传数据文件', trigger: 'change' } } } } }