纵有疾风起
人生不言弃

微信小程序 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里。

文章转载于:https://www.jianshu.com/p/f23c7ee6e91a

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » 微信小程序 data- 绑定多个数据
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录