关于使用url带参数使tab激活问题
发布于 6 年前 作者 wei99 7153 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)
  • 预期表现

预期应该根据我的url中带的参数激活相应的tab栏内容

  • 复现路径

  • 提供一个最简复现 Demo

需求描述:我自定义了一个tab栏,默认激活为第0个tab,其他页面跳入该tab栏页面,需要根据带的url参数进行设置到底是哪个tab栏激活。demo为b页面调到a页面,然后就在控制台中报错如截图。该如何解决?

demo:

a.js:

data:{

    currentTab:0,

    tablist:[{name:“首页”},{name:“首页1”},{name:“首页2”},{name:“首页3”}]

},

onLoad: function (params) {

    let _this = this;

    if (params.currentTab){

        _this.setData({

        currentTab: params.currentTab

        });

    }

},

tabItemClick: function(e){

    let _this = this;

    _this.setData({

        currentTab: e.currentTarget.dataset.select

    })

}

a.wxml

<view class=“footer-item” wx:for="{{tablist}}" wx:key="{{index}}" data-select="{{index}}" bindtap=“tabItemClick”>

<text class=“footer-item-name {{index==currentTab?‘active’:’’}}”>{{item.name}}</text>

</view>

b.wxml

<navigator  url="…/…/a/a?currentTab=2"></navigator >

1 回复


<text class="footer-item-name {{index==currentTab?'active':''}}">{{item[index].name}}</text>

//{{item[index].name}}这个错了没加[index]

回到顶部