预览图片只显示第一张

Question

问题遇到的现象和发生背景

为什么只能预览第一张图片

用代码块功能插入代码，请勿粘贴截图

<button bindtap="xz" style="margin-top: 10px;border-radius: 5px;border: rgb(1, 1, 3) 1px solid">选择图片</button>
<view class="img-view">
    <view class="show" wx:for="{{ imgOne }}" wx:key="_id">
        <image src="{{ item }}" mode="aspectFill"bindtap="previewImg"></image>    
    </view>
    <view class="up" wx:if="{{imgOneSwitch}}" bindtap="xz">+</view>
</view>

previewImg:function(e){
    console.log("放大图片");
    wx.previewImage({

        urls:this.data.imgOne
    })
},

运行结果及报错内容

只能预览第一张图片

我想要达到的结果

点哪张看哪张

Answer 1

mode="aspectFill"bindtap="previewImg" 之间加个空格 。还有就是给 previewImg 穿个参数才行 。

<image src="{{ item }}" mode="aspectFill" bindtap="previewImg(item)"></image>    
 previewImg:function(url){
    console.log("放大图片");
    wx.previewImage({
 
        urls:url
    })
},