今天写项目的时候,有个新需求,通过后台返回的数据遍历元素,而这个元素刚好是需要上传文件的元素,那这时候应该怎么操作了,网上找不一下,找到个比较简便的方法,当场记录下来
<!-- 最外层是有一个v-for的,只是我这里没写上 -->
<el-upload class="avatar-uploader" action="/apis/api/common/uploadImage" :show-file-list="false" :on-success="function (res, file){return onSuccessPhoto(res, file, index)}" :before-upload="function (res, file){return beforeUploadPhoto(res, file, index)}" v-else>
<i class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
// 上传照片成功
onSuccessPhoto(res, file, index){
// index就是下标值 ,有了这个下标值,还不是想干啥就干啥
console.log(res, file, index);
},
// 上传照片前
beforeUploadPhoto(file){
console.log(file);
},