vue通过upload组件实现多图片上传(每个上传图片按钮只能上传一个图片)

jounnier

于 2020-07-27 23:51:56 发布

阅读量3.7k

点赞数 2

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_42860747/article/details/107623890

版权

本文介绍如何在Vue项目中利用upload组件实现多图片上传功能，特别是每个上传按钮限制只能上传一张图片。关键在于上传后禁用上传按钮，并在移除图片时恢复其可用状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue通过upload组件实现多图片上传
先上效果图:
在这里插入图片描述

<el-upload
        class="upload-demo"
        ref="upload"
        action
        :file-list="img.fileListOne"
      	:auto-upload="false"
        list-type="picture"
        accept="image/*"
       	:on-change="imageOne"
        :on-remove="removeOne"
        multiple="false"
>
<input class="input" type="button" :disabled="disabledOne" value="选取文件" @click="clickOne"/>
</el-upload

最低0.47元/天解锁文章