小程序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);
    // 你可以在这里添加更多的逻辑,比如导航到教练的详情页面等
  }
});
posted @ 2025-03-06 10:01  KKKKKKYFFYFYI  阅读(73)  评论(0)    收藏  举报