小程序获取当前对象索引值

最新推荐文章于 2022-09-30 00:01:53 发布

JumpingVR

最新推荐文章于 2022-09-30 00:01:53 发布

阅读量967

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/JumpingVR/article/details/115719845

版权

小程序专栏收录该内容

15 篇文章 0 订阅

订阅专栏

这篇博客介绍了在微信小程序中，如何通过`wx:for`指令和`bindtap`事件结合`data-index`属性来获取当前点击对象的索引值。在JS部分，`my_function`函数展示了如何从`e.currentTarget.dataset`中提取索引值，用于后续的业务处理。这是一个基础的前端开发技巧，适用于小程序开发中的交互实现。

摘要由CSDN通过智能技术生成

学习目标：

小程序获取当前对象索引值

学习内容：

xml

<view 
	wx:for="{{my_for_data}}"  
	wx:key="*this"      
	bindtap="my_function"   
	data-index="{{index}}"  
>
	{{my_data}}
</view>

my_function(e){
	var the_id=e.currentTarget.dataset.index
	/*
    *注意 e.currentTarget.dataset 返回内容 为  [index:索引值]
    *所以
    *var index=e.currentTarget.dataset.index 等价于
    *var {index}=e.currentTarget.dataset
    */	
}