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

微信小程序的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
    已采纳

    图片没做循环获取吧

    点赞 评论
  • cpongo1@ 2018-11-06 08:06

    var src = e.currentTarget.dataset.src;//获取data-src
    var imgList = e.currentTarget.dataset.list;//获取data-list

    点赞 评论
  • 陈林根 2019-01-02 02:00

    图片加上 bindload 事件

    点赞 评论

相关推荐 更多相似问题