<el-form label-width="116px" :model="editForm" :rules="rules" ref="editForm">
<el-form-item label="名称" prop="HeatUserName">
<el-select
size="small"
v-model="editForm.HeatUserName"
filterable
placeholder="请选择"
@change="roomChange"
>
<el-option
v-for="item in listDaHeatuser"
:key="item.Id"
:label="item.HeatUserName"
:value="item.Id"
></el-option>
</el-select>
</el-form-item>
<div style="display:flex">
<el-form-item label="照片1" :label-width="formLabelWidth" prop="HouseCardImg">
<el-upload
ref="upload"
action="#"
accept="image/png, image/bmp, image/jpg, image/jpeg"
list-type="picture-card"
:limit="limitNum"
:auto-upload="false"
:on-exceed="exceedFile"
:on-change="fileChange"
:before-upload="handleBeforeUpload"
:on-preview="handlePictureCardPreview"
:on-success="fileSuccess"
:on-remove="handleRemove"
:headers="headers"
:file-list="form"
Element upload组件上传图片
最新推荐文章于 2024-01-26 17:41:45 发布
本文详细介绍了如何在项目中使用Element UI的upload组件进行图片上传操作,包括配置参数、上传前的预览效果、文件限制以及上传失败的处理等关键步骤。
摘要由CSDN通过智能技术生成