elemen ui 单张图片上传，照片墙上传一张照片后隐藏后面的添加框

最新推荐文章于 2024-08-07 10:03:38 发布

ঞ᭄阿້໌ᮩ莲໌້ᮨꦿ

最新推荐文章于 2024-08-07 10:03:38 发布

阅读量1.6k

点赞数 1

分类专栏： emelent web 文章标签： ui elementui vue.js

本文链接：https://blog.csdn.net/qq_41241504/article/details/121921551

版权

本文介绍如何使用 Element UI 在实现单张图片上传功能后，自动隐藏后续的照片墙添加框，以实现简洁的用户体验。内容包括前后对比及对应的样式调整。

摘要由CSDN通过智能技术生成

修改前

修改后

     <el-upload
                      action="https://jsonplaceholder.typicode.com/posts/"
                      list-type="picture-card"
                      :disabled="disabled"
                      :on-remove="handleRemove"
                      :on-change="changeUpload"
                      :class="{ hide: hideUpload }"
                    >
                      <i class="el-icon-plus"></i>
                    </el-upload>
                    <el-dialog :visible.sync="dialogVisible">
                      <img width="100%" :src=&#