微信小程序 data- 绑定多个数据

作者: 编程小石头666 | 来源:发表于2019-10-10 20:27 被阅读0次

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里。

相关文章

  • 微信小程序 data- 绑定多个数据

    data- 我们点击组件时,可以通过data- 传递数据,但是一个点击如果像传多条数据呢。这时候可以用 data-...

  • 微信小程序组件探究和应用

    把玩微信小程序组件 微信小程序把玩《二》:页面生命周期,模块化,数据绑定,view组件 微信小程序把玩《三》:sc...

  • 2019-01-15 微信小程序开发学习--页面事件和数据绑定

    数据绑定 微信小程序的数据绑定与vue相似,数据来源是通过js中的data来绑定 在js的page中定义数据,数据...

  • 微信小程序 数据绑定

    WXML 中的动态数据均来自对应 Page 的 data。 简单绑定 数据绑定使用 Mustache 语法(双大括...

  • 微信小程序-数据绑定

    微信小程序的数据绑定类似于vue,先在js里面定义变量,然后在标签中使用{{ 变量名 }}的形式来展示数据 1.定...

  • 小程序 小方法

    微信小程序input数据双向绑定 简单实现双向数据绑定--对象下的属性赋值绑定(可以自己改一元变量方式)每个页面引...

  • 微信小程序综合

    WXSSWXML导入的两种方式 数据绑定列表渲染事件绑定 小程序的部分内置组件和接口(更新) 小程序的配置文件微信...

  • 微信小程序的数据绑定

    数据绑定 几种数据绑定方式。jQuery Vue 微信小程序 注意 data 是一个字典。 获取和修改 data...

  • 小程序随笔2:数据绑定与传递参数

    这里先介绍一下微信小程序的数据绑定 微信小程序的基于MINA框架开发的。每一个页面由 .js(必须) .wxml(...

  • 如何做微信小程序后台的数据分析

    微信小程序后台有哪些功能能? 微信小程序数据后台(部分数据截图)​ 微信小程序后台 上图是微信小程序的后台功能,小...

网友评论

    本文标题:微信小程序 data- 绑定多个数据

    本文链接:https://www.haomeiwen.com/subject/soaapctx.html