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' }
}
}
}
}
