微信小程序怎么把前端for循环的index值让当前页的js获取到

怼烎@ 2022-03-31 11:54 555阅读 0赞

前端页面有四个选项卡，绑定一个点击事件，然后把index的值绑定到data-id上，然后你点击哪一个就会获取哪一个的index的值，比如我点击了“参与会员”，那么就会获取到1

## js通过点击获取到的下标进行选项卡的切换 ##

![在这里插入图片描述][2019010311193225.png]  
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'
        })
        }
      },

如果有问题欢迎留言进行交流哦~~

[2019010311193225.png]: /images/20220331/9159df805ae44ba2b85c73ea2ad583e5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，555人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序获取当前的位置

微信小程序获取位置信息的方式有两种，一种是调用微信官方的接口来获取，如getLocation,这种方式只能获取经纬度 [微信官方文档][Link 1] > https:/

雨点打透心脏的1/2处/ 2023年10月07日 20:47/ 0 赞/ 39 阅读

相关微信小程序怎么获取到data数据？

var text=this.data.name ，这样就获取到初始化的值 page({ data:{ name:"我叫小明" },

刺骨的言语ヽ痛彻心扉/ 2023年01月10日 13:18/ 0 赞/ 235 阅读

相关微信小程序动态获取当前时间

1，动态获取当前时间 ![20201130170629238.png][] 2,在根目录下utils文件夹创建utils.js写获取时间方法 utils.js

蔚落/ 2022年12月25日 04:56/ 0 赞/ 498 阅读

相关微信小程序获取当前位置（二）

现在要点击下面图标的时候获取到当前位置信息： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

女爷i/ 2022年12月20日 12:55/ 0 赞/ 323 阅读

相关 for of 循环获取index值

for of 循环的时候非常方便，基础形态是这样的，直接打印 s ，就可以取到里面的值了，但是！！这种情况下是取不到 index for (let s of s

短命女/ 2022年12月19日 09:28/ 0 赞/ 268 阅读

相关微信小程序如何实现通过js修改wxml的for循环中的属性值

微信小程序如何实现通过js修改wxml的for循环中的属性值要实现的效果具体代码要实现的效果点击每一个活动选项，实现显示对应的操

超、凢脫俗/ 2022年09月11日 01:16/ 0 赞/ 111 阅读

相关微信小程序获取当前所在城市

本篇文章主要讲解在微信小程序中，如何利用微信自带的api（wx.getLocation()）结合百度地图的逆地址解析api来获取当前所在城市名。实现起来也比较简单，步骤为：

Myth丶恋晨/ 2022年05月31日 06:47/ 0 赞/ 826 阅读

相关微信小程序怎么把前端for循环的index值让当前页的js获取到

前端页面有四个选项卡，绑定一个点击事件，然后把index的值绑定到data-id上，然后你点击哪一个就会获取哪一个的index的值，比如我点击了“参与会员”，那么就会获取到1

怼烎@/ 2022年03月31日 11:54/ 0 赞/ 556 阅读

相关微信小程序获取当前时间戳

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ

太过爱你忘了你带给我的痛/ 2021年09月30日 09:52/ 0 赞/ 548 阅读

相关微信小程序获取当前时间及获取当前日期

获取当前时间首先，在要获取时间的.js文件中加载util.js文件 ![图片][70] 然后在onload方法中，调用util.js中的formatTime方法获取当前

超、凢脫俗/ 2021年09月15日 17:56/ 0 赞/ 772 阅读