这里我们使用了 data-teacher
属性来传递 item.teacher 的值到处理函数中。这是一个常用的技巧,用于在事件处理函数中获取数据。
<view wx:for="{{teacherList}}" wx:key="*this"><view class="teacherBox" bindtap="teacherClass" data-teacher="{{item.teacher}}">教练姓名:{{item.teacher}}</view>
</view>
在 teacherClass 函数中,通过事件对象(event)的 currentTarget
属性访问到触发事件的元素,然后通过 dataset
属性获取到所有通过 data- 设置的数据,这里我们获取的是 data-teacher 的值。
Page({data: {teacherList: [{ teacher: '张老师' },{ teacher: '李老师' },// ... 其他教练数据]},teacherClass: function(event) {// 通过事件对象获取传递的数据var teacherName = event.currentTarget.dataset.teacher;console.log('被点击的教练姓名是:', teacherName);// 你可以在这里添加更多的逻辑,比如导航到教练的详情页面等}
});