微信小程序开发——列表渲染带有button的template，点击获取列表索引

  最近一段时间，我自己在写一个微信小程序，就遇到了一个这样的问题，我想做一个这样的效果：

 

这是一个任务列表，是使用列表把 数据库里的数据渲染到template里面。但是template里面有按钮button，这要求点击不同的button

会对应列表中不同的任务进行操作。那这就要求点击不同的按钮能获取到此按钮在列表中的索引。

我在这里做一个简单的实例：

左边是使用列表渲染的四个template，每个template里面有一个按钮button，每个button的点击事件是输出此button在列表中的索引，如右图所示。

实现这个效果的关键在于：

在使用下面代码时，data-index指明索引名，另外，通过view的bindtap事件可以在js文件中获取到此button在列表中的索引。

<view wx:for="{{list}}" data-index="{{index}}" bindtap="view_test"></view>

 这个简单例子的代码下载：https://download.csdn.net/download/k1ttyLove/85178526https://download.csdn.net/download/k1ttyLove/85178526