直播视频小程序抖音百科知识模板视频营销抖音视频 服装 主轴
抖音视频| 小程序| 微信小程序| 微信小程序教程|

微信小程序--data的赋值与取值

data-

我们点击组件时,可以通过data- 传递数据,但是一个点击如果像传多条数据呢。这时候可以用 data-xxx='{{[xxx,xxx]}}' 来传递数据了。如下代码

<block wx:for="{{item.fileIDs}}" wx:key="item2" wx:for-item="item2">
     <image  src='{{item2}}' data-img='{{[item2,item.fileIDs]}}' mode='aspectFill' bindtap="previewImg"></image>
</block>

//我们再js里可以接收两个数据
previewImg: function(e) {
    let imgData = e.currentTarget.dataset.img;
    console.log("item2", imgData[0])
    console.log("item.fileIDs", imgData[1])
    //大图预览
    wx.previewImage({
      //当前显示图片
      current: imgData[0],
      //所有图片
      urls: imgData[1]
    })
},

			

上面代码就可以实现,一次点击,通过data- 传递多个数据到js里。

 
 
 


Copyright © 360度搜索建站网. All Rights Reserved.

360度搜索建站网版权所有@588wlk.cn

手机扫描浏览手机网站

精品