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

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

1.微信小程序dataset   undefined ??
 
2.如何获取数组index索引?
 
3.获取节点的属性,width ,height,left,right等等
 
 
 
方法一(一般用这个获取数据,记得要bindtap点击执行这个函数才能获取到currentTarget.dataset):
wxml:
<view  data-id="{{1}}"  data-haha="{{index}}" bindtap="a"  id="aabb">点击获取data-id绑定的id值</view>
 
 
 
js:
a:function(event){
     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:
<view  data-id="{{1}}"  data-haha="{{index}}" bindtap="a"  id="aabb">点击获取data-id绑定的id值</view>
 
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()
 
}
 
 
 
 

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

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

手机扫描浏览手机网站

精品