小小笔记本 2018-11-06 08:05 采纳率: 100%
浏览 4959
已采纳

微信小程序的src图片加载多张就不渲染

  <view wx:if="{{item.commentPics.length>0}}">
            <image src="{{item.commentPics}}" data-list='{{item.commentPics}}' data-src="{{item.commentPics}}" bindtap="imgOpen" data-index='{{index}}' mode="aspectFill"/>
          </view> 

两个数据图片链接拿到数据错误图片说明

单个没问题


//图片点击预览事件
 imgOpen: function (e) {
   var src = e.currentTarget.dataset.src;//获取data-src
   var imgList = e.currentTarget.dataset.list;//获取data-list
   var str = ""; 
   var newArr = [];
   str = src + "," + imgList 
   console.log(str)
   newArr = str.split(',')

wx.previewImage({
  current: newArr,
  urls:newArr,
  success: function(res) {

  },
}) 
 },
  • 写回答

3条回答 默认 最新

  • 阡路陌人 2018-11-06 10:21
    关注

    图片没做循环获取吧

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵