使用elementUI上传组件上传图片后,表单验证还是提示不存在
主要是因为组件包的层级比较深,验证取不到值导致
可以通过绑定其他元素获取到值进行验证文章来源:https://www.toymoban.com/news/detail-617475.html
比如增加el-checkbox-group元素,将值绑定到它上面文章来源地址https://www.toymoban.com/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' } ], } } },
到了这里,关于【VUE】使用elementUI上传组件-提示不存在的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!