微信小程序,一步一步走(三)

数据绑定

循环输出数据,绑定点击时间并且传值

这个应该算是我在做绑定数据的时候遇到的第一个坑了

首先,在小程序里面并不能像vue一样直接把数据传过去

1
2
3
4
5
6
<div
v-for="(data, index) in list"
:key="index"
@click="clickSth(data.id)"
>
</div>

这里可以看见,在vue中的点击事件可以直接把数据传递过去,但是小程序中并不能这样写

1
2
3
4
5
6
7
8
<view
wx:for="{{list}}"
wx:for-item="item"
wx:key="{{item.id}}"
data-id="{{item.id}}"
bindtap="clickSth"
>
</view>
1
2
3
clickSth (e) {
console.log(e)
}

然后可以在e.target.dataset中找到你需要传递进来的属性(这里是e.target.dataset.id

注意:标签里面必须要用data-开头

我,曼妥思,打钱