<!--
* @Description:
* @Version: 2.0
* @Autor: jinglin.gao
* @Date: 2021-11-24 09:20:21
* @LastEditors: jinglin.gao
* @LastEditTime: 2021-11-24 09:29:56
-->
<template>
<div class="deepUpload">
<el-button @click="addUploadObj">添加</el-button>
<div class="uploadItem" v-for="(item, index) in elUploadArr" :key="index">
<el-upload
action="https://jsonplaceholder.typicode.com/posts/"
:on-remove="handleRemove"
:file-list="item.fileList"
list-type="picture"
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
</div>
</div>
</template>
<script>
export default {
data() {
return {
elUploadArr: [],
};
},
methods: {
addUploadObj() {
let obj = {
imageUrl: "",
fileList: [],
};
this.elUploadArr.push(obj);
},
},
};
</script>
<style></style>
周涛专用demo
最新推荐文章于 2024-07-24 10:40:52 发布