微信小程序 -- tabbar需要登录才能看的页面

thingir

于 2022-07-20 13:35:31 发布

阅读量1.9k

点赞数 1

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/thingir/article/details/123130168

版权

本文讨论了解决在移动端应用中，'我的'页面频繁跳转登录的问题，通过自定义tabbar和监听用户操作，避免了登录页的频繁切换。作者分享了使用隐藏内置tabbar并用cover-view实现定制交互的方法，并提供了简书参考文章链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、问题

“我的”页面，需要登录才能进入，点击跳转登录页，但是跳转判断写在onshow中会出现，如果我不想登录了，点击左上角箭头返回，会出现反复跳登录的情况；
解决：在"我的"页面，监听点击tab事件，未登录，跳转登录；onshow中switch到首页

二、解决

  onShow: function () {
    if(!this.data.hasToken){
        wx.switchTab({
          url: '/pages/tabbar/home/index',
        })      
    }
  },
  onTabItemTap(item) {
    if(!this.data.hasToken){
      common.goLogin();
    }     
  },

方法不够完美，但是至少反复跳登录强啊

三、自定义tabbar

简书参考文章：很靠谱

此篇文章采用的是隐藏配置好的tabbar，然后采用cover-view 在底部放置一个自己写的tabbar组件，点击每一项的时候调用uni.switchTab方法跳转至相应tab页