vue 上传多组图片以及给后台传值

vue 上传多组图片以及给后台传值

实现效果如图

以下是实现流程：

1. html代码

<template>
	<div>
		<div class="Report_cover"></div>
		<div class="editPicture">
			<!--编辑标题-->
			<div class="poupTitle">
				<button @click="submit($event)">上传</button>
				<span class="text">编辑图片</span>
				<div class="closeBtn"><i class="el-icon-close"></i></div>
			</div>
			<!--编辑内容-->
			<div class="poupContent">
				<div class="infoBox scrollBox">
					<!--上传图片-->
					<div class="uploadLine"  v-for="(item,index) in imagesList">
						<div class="title">{
  {item.title}}：</div>
						<div class="imgBox">
						//下边这两句代码也要，不是被注释掉了，第一次写博客，不知道这个怎么回事，把img标签的右尖括号补上以后这句代码就没了，你们凑活看吧
						  <img v-if="item.newSrc!=''" :src="item.newSrc"/
					      <img v-else  :src="item.defaultSrc"/
				  		</div
						<div class="btnBox">
							<div class="uploadBtn">
								<input id="file"