小程序获取节点绑定数据data-index的方法

1.微信小程序dataset undefined ??

2.如何获取数组index索引?

3.获取节点的属性,width ,height,left,right等等

方法一(一般用这个获取数据,记得要bindtap点击执行这个函数才能获取到currentTarget.dataset):
wxml:
点击获取data-id绑定的id值

js:
a:function(e){

 console.log(event)    //打印出view中所有属性的值,包括“点击获取data-id绑定的id值”

 console.log(event.currentTarget.dataset.id)    //打印出data-id绑定的id值

 console.log(event.currentTarget.dataset.haha)   //打印出index的值

 console.log(event.currentTarget.id)    //打印出aabb     

}

方法二:
wxml:
点击获取data-id绑定的id值

js:
a:function(){

 wx.createSelectorQuery().select('#eee').boundingClientRect(function (rect) {
          console.log(rect.dataset.id)     // 打印节点的dataset中的id值,即data-id绑定的值

          rect.id // 节点的ID
          rect.dataset // 节点的dataset
          rect.left // 节点的左边界坐标
          rect.right // 节点的右边界坐标
          rect.top // 节点的上边界坐标
          rect.bottom // 节点的下边界坐标
          rect.width // 节点的宽度
          rect.height // 节点的高度
}).exec()

}

官方微信开发文档新方法说明地址:https://developers.weixin.qq.com/miniprogram/dev/api/NodesRef.boundingClientRect.html

或者:

https://developers.weixin.qq.com/miniprogram/dev/api/wxml-nodes-info.html?search-key=wxml%E8%8A%82%E7%82%B9

转发————原文链接:https://blog.csdn.net/qq_31752115/article/details/85309475

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值