使用element照片墙上传图片

最新推荐文章于 2025-05-19 11:35:48 发布

jasmine0178

最新推荐文章于 2025-05-19 11:35:48 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/jasmine0178/article/details/103494802

本文介绍如何借助Element UI组件库，实现一个照片墙效果的图片上传功能，详细阐述了实现这一功能的方法和步骤。

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

效果：使用element-ui 照片墙实现图片上传
在这里插入图片描述

<el-dialog title="新增" :visible.sync="addDialogFormVisible">
            <el-form :model="form" ref="form">
                <el-form-item label="采购单号" label-width="100px">
                  <!-- <span>{
  
  {form.no}}</span> -->
                    <el-input v-model="form.no" :disabled="true"></el-input>
                </el-form-item>
                <el-form-item label="支付金额" label-width="100px">
                    <el-input v-model="form.paid_amount" ></el-input>
                </el-form-item>

                <el-form-item label="凭证上传" label-width="100px">
                  <el-upload
                    :action="BASE_API+'/procureme