小程序view标签获取点击值
这里我们使用了 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);
// 你可以在这里添加更多的逻辑,比如导航到教练的详情页面等
}
});

浙公网安备 33010602011771号