【uniapp/uview1.x】u-upload 在 v-for 中的使用时, before-upload 如何传参

引入
是这样一种情况,在接口获取数据之后,是一个数组列表,循环展示后,需要在每条数据中都要有图片上传,互不干扰。
分析
uview 官网中有说明,before-upload 是不加括号的,但是此时需要传参,也就是 for 循环中的每一个 item 信息,这样才能确定是给那一项上传图片的。
【uniapp/uview1.x】u-upload 在 v-for 中的使用时, before-upload 如何传参_第1张图片

解决

<u-upload 
	:file-list="subItem1.picList" 
	:action="baseUrl"
    :before-upload="(index, list) => beforeAvatarUpload(subItem1, index, list)" 
    max-count="9">u-upload>

这样就可以进行传参了,默认的两个参数是indexlistsubItem1 是 for 循环中的每一项,before-upload 回调 beforeAvatarUpload 的打印结果如下:
在这里插入图片描述

你可能感兴趣的:(uniapp,uni-app,vue.js,前端,javascript,uView)