主要就是对el-upload实现上传图片的途径的不理解 先贴代码,之后在做分析吧 vue部分 <el-image class="userImg" :src="localUserImg"> 加载中... </el-image> <el-upload ref="upload" class="upload-demo" action="" //这是你的接口 :on-preview="handlePreview" :on-remove="handleRemove" :b...
已在.el-upload-list修改添加样式,无效 >>> .el-upload-list{ height: 126px; flex-wrap: wrap; overflow-y: auto; } <el-upload action="#" list-type="picture-card" :auto-upload="false">
简介: el-upload上传一张图片后显示缩略图并隐藏添加图片按钮 上传前: 上传类型不通过 正确上传后 点击删除后 不想了解原理的直接copy这个完整demo按需修改 import { ElDialog, UploadProps, UploadFile, ElMessage } from "element-plus" import { ref } from "vue" const validImageFormats = ["jpg", "...
已在.el-upload-list修改添加样式,无效 >>> .el-upload-list{ height: 126px; flex-wrap: wrap; overflow-y: auto; } <el-upload action="#" list-type="picture-card" :auto-upload="false">
1,首先根据组件库模板引入一个el-upload,选用自己想要的一个模块,以下我做的就是一个简单实例 具体的属性,可以直接去看文档,说下解决方法 1,绑定一个on-change方法, 这个方法含义:文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用 我们本地没有显示成功,就可以使用这个方法 2,在methods里面添加 这...