Après avoir utilisé le composant de téléchargement elementUI pour télécharger une image, la vérification du formulaire indique toujours qu'elle n'existe pas
La raison principale est que le niveau du package de composants est relativement profond et que la vérification ne peut pas obtenir la valeur.
Cela peut être vérifié en liant d'autres éléments pour obtenir la valeur
Par exemple, ajoutez l'élément el-checkbox-group et liez-y la valeur
<el-form :model="Form" ref="form" :rules="rules">
<el-form-item prop='imageUrl'>
<el-checkbox-group v-model="form.imageUrl" v-show="false"></el-checkbox-group>
<el-upload
class="avatar-uploader"
action="#"
:show-file-list="false"
:http-request="handleAvatarSuccess">
<img v-if="Form.imageUrl" :src="Form.imageUrl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
</el-form>
export default { data() { return { Form: { imageUrl: '' }, rules: { imageUrl: [ { required: true, message: '请上传图片', trigger: 'change' } ], } } },