element-ui 之 封装图片上传、下拉多选

目录

1.图片上传

2.封装的下拉多选组件

---

1.图片上传

HTML

<!-- //?模块说明 => => 轮播图模块 --> <!-- 从数据库中获得图片 增加时，把增加的图片传到数据库即可 删除时，把需要删除图片的id传过去即可 --> <template> <div class="imgLoad-layout"> <div class="carouselImgBox" :class="carouselImgList.length == 12 ? 'disNone' : ''" > <el-upload action="#" list-type="picture-card" :limit="12" :auto-upload="false" :on-change="lookImg" :before-remove="beforeRemove" :file-list="carouselImgList" > <i class="el-icon-plus"></i> </el-upload> <el-dialog :visible.sync="dialogVisible"> <img width="100%" :src="dialogImageUrl" alt="" /> </el-dialog> </div> <Button @click="confirmUpdataImg">提交</Button> </div> </template> <!-- //?模块说明 =>