当前位置: 首页 > article >正文

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

引入
是这样一种情况,在接口获取数据之后,是一个数组列表,循环展示后,需要在每条数据中都要有图片上传,互不干扰。
分析
uview 官网中有说明,before-upload 是不加括号的,但是此时需要传参,也就是 for 循环中的每一个 item 信息,这样才能确定是给那一项上传图片的。
在这里插入图片描述

解决

<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 的打印结果如下:
在这里插入图片描述


http://www.kler.cn/a/133452.html

相关文章:

  • uni-app表格带分页,后端处理过每页显示多少条
  • 软件工程笔记二—— 软件生存期模型
  • StarRocks Summit Asia 2024 全部议程公布!
  • web实操5——http数据详解,request对象功能
  • 开源模型应用落地-qwen模型小试-Qwen2.5-7B-Instruct-tool usage入门-集成心知天气(二)
  • 基于RK3568J多网口电力可信物联网关解决方案
  • Redis7.2.3集群安装,新增节点,删除节点,分配哈希槽,常见问题
  • 【Linux】21、软中断、网络小包、SYN FLOOD 攻击、sar tcpdump
  • C语言-统计字符
  • 使用Golang调用摄像头
  • React新手必懂的知识点
  • Zabbix Proxy分布式监控
  • 大数据学习(22)-spark
  • C# WPF Threads 和 Dispatchers 有什么区别
  • 聊聊logback的MDCFilter
  • Java编程技巧:将图片导出成pdf文件
  • Linux | 信号
  • 【done】剑指offer68:二叉树最近公共祖先
  • IDEA远程一键部署SpringBoot到Docker
  • OpenAI GPT5计划泄露
  • 解析:什么是生成式AI?与其他类型的AI有何不同?
  • hyperledger fabric2.4测试网络添加组织数量
  • PL/SQL编程
  • QT多线程项目中子线程无法修改主线程的ui组件
  • Windows 下 Sublime Text 3.2.2 下载及配置
  • Object常用方法——toString()