文件上传完后可以拖拽移动，传值的时候需要在this.productForm.productPicList的数组里面添加number这个字段，代表当前图片的位置，第一位就是0，以此类推，但是拖拽后这个number的值也应该随着变动，这个应该怎么处理，感谢各位 <div class="itemContent"> <draggable v-model="productForm.productPicList" class="list-group" tag="ul" v-bind="dragOptions" @start="productForm.drag = true" @end="productForm.drag = false" > <div v-for="(item, index) in productForm.productPicList" :key="index" v-loading="productForm.loadingapp" class="listitem" @mouseenter="showDelBtn(index)" @mouseleave="hiddenDelBtn" > <img v-if="item" :src="item.attachment" width="148" height="148" class="imgSty" /> <i class="el-icon-delete delIcon" @click="deleImg(item, index)" /> </div> </draggable> <div class="uploadIcon"> <el-upload :show-file-list="false" action="" list-type="picture-card" :on-success="handlePictureSuccess" :on-change="onBeforeUpload" :auto-upload="false" > <i class="el-icon-plus" /> </el-upload> </div> </div> onBeforeUpload(file) { console.log(file, 'file-----------'); let reader = new FileReader() reader.onload = e => { this.num++; let base64 = e.target.result //从本地读取的图片的base64格式,将它上传给服务器即可 this.productForm.productPicList.push({ attachment: base64,number:this.num,id: '', file }); console.log(this.productForm.productPicList, 'filelist222222') this.copyFileList = JSON.parse( JSON.stringify(this.fileList).replace(/attachment/g, 'url') ) } // console.log( this.formIdentify.ohtherCredentials ) reader.readAsDataURL(file.raw) return false },