data-index 是微信小程序中用于在模板(WXML)中自定义数据属性的一种方式。它允许开发者在元素上绑定任意的数据,这些数据可以在事件处理函数(如 bindtap)中被访问。data- 是前缀,后面可以跟任何自定义的属性名,如 data-index、data-id 等。 2. 描述 data-index 在小程序中的常见用途 data-index 在小程序中常用...
1. 小程序可以通过写 data-index="{{index}}" 来绑定数据(data后面这个可以取任意名字,但获取的时候要写相对应的名字,例:currentTarget.XX) ,记得要bindtap点击执行这个函数才能获取到currentTarget.dataset 例如: <view data-id="{{1}}" data-haha="{{index}}" bindtap="a" id="aabb">点击获取data-id绑...
1. 小程序可以通过写 data-index="{{index}}" 来绑定数据(data后面这个可以取任意名字,但获取的时候要写相对应的名字,例:currentTarget.XX) ,记得要bindtap点击执行这个函数才能获取到currentTarget.dataset 2.wxml: <view data-id="{{1}}" data-haha="{{index}}" bindtap="a" id="aabb">点击获取data-i...
data-index=“{{index}}” 就是取出wx:for="{{UpImgSrcIcon}}" UpImgSrcIcon这个数组里的每个下标。 当点击事件运行时e.currentTarget.dataset.index 就可以取到当前遍历出来 点击的数组的下标
功能是当点击某个选项时,那个选项就高亮,大概是这样的: 查阅资料发现可以在标签里设置data-index,绑定一个点击事件,传参ev,通过ev.target.dataset.index来取; 在wxml的text标签里,我绑定了data-index属性,之后在父级标签动态绑定了class:{{crt==index?'current':''}},在js里创建了一个crt来接收下标,并把curr...
<view class="tabbar_nav {{index === 2 ? 'active' : ''}}" onTap="switchTab" data-index="{{index}}" data-item={{item}} a:for="{{tabBar.items}}" a:key="index"> <!-- 图标 --> <image class="tabbar_icon" src="{{selected === index ? item.activeIcon : item.icon}}">...
这是获取当前元素的属性值，父级节点的获取不到
--综合排序--><viewclass="filter-extend"wx:if="{{isScrt}}"><viewclass="list-item"><block wx:for="{{sortBy}}"wx:key="index"><viewclass="item"data-item="{{item}}"data-index="{{index}}"bindtap="selectSort"><textclass="{{currentScrt===index ? 'selectName' : 'name'}}">{...
--pages/event/event.wxml--><viewclass='container1'><block wx:for="{{titles}}"wx:key="index"><!--在 data-index 和 data-item 中,末尾的 index 和 item 是我们自定义的 key,这是事件中传递数据的方式--><viewclass='item'bindtap="handleItemClick"data-index="{{index}}"data-item="{{...