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

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

html 复制代码
<van-uploader file-list="{{ fileList }}" deletable="{{ true }}" />

1. 上传无反应

微信小程序用了van-uploader,但是发现点击上传一直没有反应,删除也没反应

最后发现要在微信公众平台配置隐私协议,加上摄像头和照片视频的权限,审核通过后就能用了(好坑)

2. 无法删除

点击右上角的叉叉无法删除,没有反应

看了组件源码和文档,发现还得监听事件bind:delete才可以

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

  },
相关推荐
Larry_Yanan20 小时前
QML学习笔记(三十四)QML的GroupBox、RadioButton
c++·笔记·qt·学习·ui
FIN666820 小时前
昂瑞微:实现精准突破,攻坚射频“卡脖子”难题
前端·人工智能·安全·前端框架·信息与通信
椎49520 小时前
苍穹外卖前端nginx错误之一解决
运维·前端·nginx
@。12420 小时前
对于灰度发布(金丝雀发布)的了解
开发语言·前端
我有一棵树20 小时前
前端图片加载失败、 img 出现裂图的原因全解析
前端
FIN666820 小时前
昂瑞微冲刺科创板:硬科技与资本市场的双向奔赴
前端·人工智能·科技·前端框架·智能
im_AMBER20 小时前
杂记 14
前端·笔记·学习·web
牧杉-惊蛰20 小时前
disable-devtool 网络安全 禁止打开控制台
前端·css·vue.js
C+ 安口木20 小时前
vue中监听window某个属性被添加或值的变化
前端·javascript·vue.js
山海鲸可视化20 小时前
简单聊聊数据可视化大屏制作的前端设计与后端开发
前端·信息可视化·数字孪生·数据可视化·3d模型·三维渲染