Vant Weapp小程序 van-uploader 文件上传点击无反应,删除无反应

news/2024/7/20 0:51:27 标签: 小程序, 前端, ui, 前端框架, 微信小程序

Vant Weapp 1.0 版本开始支持van-uploader组件,请先确认好版本号和引用路径正确!!

<van-uploader file-list="{{ fileList }}" deletable="{{ true }}" />

1. 上传无反应

微信小程序用了van-uploader,但是发现点击上传一直没有反应,删除也没反应
在这里插入图片描述
最后发现要在微信公众平台配置隐私协议,加上摄像头和照片视频的权限,审核通过后就能用了(好坑)
在这里插入图片描述

2. 无法删除

点击右上角的叉叉无法删除,没有反应
在这里插入图片描述
看了组件源码和文档,发现还得监听事件bind:delete才可以

在这里插入图片描述

<van-uploader file-list="{{ fileList }}" deletable="{{ true }}" bind:delete="delImg" />
// 删除图片
  delImg(e) {
    let index = e.detail.index
    console.log(index) //图片在fileList的下标
    let fileList = this.data.fileList;
    fileList.splice(index, 1);
    this.setData({
      fileList
    })

  },

http://www.niftyadmin.cn/n/5458474.html

相关文章

新手摄影笔记-基础知识-构图【3】

1.三分法 2.居中构图 3.对称构图 4.对称构图 5.三角构图 6. 留白构图 7. 前景构图 8. 框架构图 9. 引导线构图 10.对角线构图 11.摆姿 12. 角度 13.景别 14.光位 15.焦段 16.道具 17.白平衡

COLMAP(Windows)实现SFM三维重建位姿估计

问题产生&#xff1a; Guassian splatting第一步用colmap进行位姿估计&#xff0c;图片匹配失败&#xff0c;输出图片全靠运气&#xff0c;最少的时候甚至一张都没匹配上&#xff0c;所以想到用colmap软件先进行匹配&#xff0c;再放入高斯训练。 colmap使用步骤&#xff1a;…

质检规则-正则

目录 需求 实现 mysql oracle pg hive 达梦 需求 在数据质量检核中&#xff0c;经常会要求检查数据数据符合某些要求&#xff0c;比较某个字段是否是数字或者是否是日期等等&#xff0c;经常这种就用到数据库正则 实现 参数说明&#xff1a; 通用规则&#xff0c;${PAR…

【IC前端虚拟项目】write_path子模块DS与RTL编码

【IC前端虚拟项目】数据搬运指令处理模块前端实现虚拟项目说明-CSDN博客 read_path的代码完成之后,就可以开始整个项目里复杂度最高、bug最多、时序收敛最为困难的模块——write_path的开发了!我自己写过两次这个虚拟项目,每次都是在这里耗时最久,所以大家也可以挑战一下自…

常见的Nginx+Redis+MQ+DB架构设计

三高&#xff0c;复杂的架构 SQRS CAP 缓存&#xff0c;限流 【Redis&#xff0c;缓存】 cache-aside 缓存cache&#xff1a;数据源的副本 store 1. Read/Write Through Pattern 读写穿透模式 redis&#xff1a;放当前在线用户&#xff0c;热点数据

安卓手机APP开发者的第一件事:安装安卓工作台

安卓手机APP开发者的第一件事:安装安卓工作台 安装安卓工作台仅需要一些点击。首先检查软件对系统需求。 然后下载最新版本的安卓工作台。 在windows系统下的安装 需求项 最低配置 推荐配置 操作系统 64位的windows8 最新版本的64位的windows 内存 8GB …

作者开发的爬取妹子图片Python项目,值得你收藏拥有

最好的学习方法在于实践&#xff0c;学习编程语言Python&#xff0c;也是同样的道理。本文讲解自己开发的一个项目&#xff0c;实现爬取妹子图片&#xff0c;所用的Python知识点以及模块&#xff0c;可以关注参考作者公众号的Python语言合集。 —、前情介绍 1.1 涉及模块 本…

HCIP的学习(6)

OSPF—开放式最短路径优先协议 动态路由的评判标准 1、占用资源 2、收敛速度 3、选路动态路由分类&#xff1a; IGP---内部网关协议DV型---距离矢量型---RIPLS型---链路状态型---OSPFEGP---外部网关协议OSPF---无类别的路由协议&#xff08;携带真实掩码&#xff09;组播224.0…