图片无法预览，点击预览无反应

Question

按照视频一步步来的，前面都没问题，就最后预览图片点击无反应，请问这是哪里出问题了？

js

data: {
    wordsNum:0,//输入文字个数
    footerBottom:0,
    image:[],
    selectPhoto:true,//添加图片元素是否显示
  },
  
  onPreviewImage(event){
    wx.previewImage({
      current:event.target.dataset.imgsrc,//表示当前预览图片对应的地址
      urls: this.data.image,//要预览的图片数组列表
    })
  },

wxml

<!--显示图片-->
    <block wx:for="{{image}}" wx:key="*this">
      <view class="image-wrap">
        <image class="image" src="{{item.path}}" mode="aspectFill" bindtap="onPreviewImage" data-imgsrc="{{item.path}}"></image>
        <i class="iconfont icon-shanchu1" bindtap="onDelImage" data-index="{{index}}"></i>
      </view>
    </block>

Answer 1

谢成 2020-01-29 16:45:26

urls对应的值不对

数组里面的每一项应该是字符串，也就是每一项应该是图片地址的string，而你这里每一项是一个对象：

• 提问者 qq_慕勒6080428 #1

  非常感谢！

Answer 2

谢成 2020-01-28 09:59:50

1、请确定onPreviewImage方法触发了

2、请检查event.target.dataset.imgsrc的值是否正确

3、请检查this.data.image的值是否正确

• 提问者 qq_慕勒6080428 #1

  老师，麻烦你看下上面的运行截图，你所提醒的地方都没问题，但在模拟器中点击图片还是无法预览。

Answer 3

提问者 qq_慕勒6080428 2020-01-29 10:26:10

这是运行截图