使用elementUI上傳組件上傳圖片后，表單驗證還是提示不存在
主要是因為組件包的層級比較深，驗證取不到值導致
可以通過綁定其他元素獲取到值進行驗證文章來源：http://www.zghlxwxcb.cn/news/detail-617475.html
比如增加el-checkbox-group元素，將值綁定到它上面文章來源地址http://www.zghlxwxcb.cn/news/detail-617475.html
<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' } ], } } },到了這里，關(guān)于【VUE】使用elementUI上傳組件-提示不存在的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
