直接代码
wxml代码片段
<view class='ranksList' wx:for="{{ranksLb}}">
<view class='ranksListName'><image src='../image/icon-21.png'></image><text>{{item.name}}</text></view>
<view class='ranksListNum'><label>下级：</label><text bindtap='tosubordinate' data-workerId='{{item.id}}'>{{item.subordinateNum}}-{{item.id}}</text></view>
<view class='ranksListIphone'><image src='../image/icon-22.png'></image><text>{{item.mobile}}</text></view>
</view> js代码片段
//事件处理函数
tosubordinate: function (e) {
var workerId = e.currentTarget.dataset.workerId;
console.log("workerId------" + workerId);
wx.navigateTo({
url: '../subordinate/subordinate?workerId=' + workerId
})
},结果 workerId undefined。
OK，重点便在这里。在组件中可以定义数据，这些数据将会通过事件传递给 SERVICE。 书写方式： 以data-开头，多个单词由连字符-链接，不能有大写(大写会自动转成小写)如data-element-type，最终在 event.target.dataset 中会将连字符转成驼峰elementType。
这里写图片描述
看代码可知，这里是自定义了一个名字为id的dataset，因此在事件函数中，我们可以通过e.currentTarget.dataset.id访问到绑定到该组件的自定义数据。
修改：
//事件处理函数
tosubordinate: function (e) {
var workerId = e.currentTarget.dataset.workerid;
console.log("workerId------" + workerId);
wx.navigateTo({
url: '../subordinate/subordinate?workerId=' + workerId
})
},主要修改了 e.currentTarget.dataset.workerid.
workerId –> workerid 解决。