版权声明:本文为博主原创文章,未经博主同意不得转载 https://blog.csdn.net/qq_38215042/article/details/85684277
前端页面有四个选项卡,绑定一个点击事件,然后把index的值绑定到data-id上,然后你点击哪一个就会获取哪一个的index的值,比如我点击了“参与会员”,那么就会获取到1
js通过点击获取到的下标进行选项卡的切换
test.wxml
<scroll-view class='scroll' scroll-x="true" style="width: 100%">
<view wx:for="{{nav}}" class='{{index == 0 ? "navTitleLine" : "navTitle"}}'>
<view bindtap='Jump' data-id='{{index}}' class='navTitleCon'>{{item}}</view>
</view>
</scroll-view>
test.js
/**
* 点击跳转到参与会员/音乐列表/相关评论
*/
Jump: function (e) {
// 获取点击选项卡的下标
var id = e.currentTarget.dataset.id;
if(id==1){
wx.navigateTo({
url: '../xiangqing1/xiangqing1'
})
} else if (id==2) {
wx.navigateTo({
url: '../xiangqing2/xiangqing2'
})
}else{
wx.navigateTo({
url: '../xiangqing3/xiangqing3'
})
}
},
如果有问题欢迎留言进行交流哦~~