底部导航栏有没有对应的事件触发机制？

Question

底部导航栏有四个导航按钮，我只想在用户要进入【个人中心】的时候，验证用户是否授权过用户信息，未授权的情况下导航到一个【授权页面】。

我将相关方法写在个人中心页的onLoad下，会出现先进入【个人中心】页面再跳转【授权页面】的情况，不仅体验糟糕而且如果不想授权，点击微信提供的左上角那个返回按钮，返回的上一页还是未授权没有信息的【个人中心】。

问题： 

1. 如何在进入【个人中心】之前用【授权页面】设置关卡？类似vue中的路由守卫？

2. 有时候发现微信提供的左上角那个【返回按钮】会变成【home】按钮，但有时出现有时又不出现，在【授权页面】页面如果用户不想授权点击这个按钮离开，这种情况下如何让这个返回变成【home】直接让用户回到首页？或者定位到当前页面的上一页？
   

Answer 1

Stillpeng 2019-12-10 01:13:39

如果非要实现你说的业务，我觉得你可以把的授权页封装成一个组件，而不是一个页面，在个人中心页判断组件的显隐

Answer 2

Stillpeng 2019-12-10 01:05:48

我觉得你的这个业务逻辑是不太合理的，首先点击个人中心，正常就应该是显示个人中心的相关内容及功能，页面两种状态，未登录或已登陆，当未登录即未授权的情况下，头像可以显示一个登录的样式，点击登陆触发相关的授权功能。如果像你这种设计，用户体验不好，因为个人中心也会有一些比如静态的业务功能显示，为什么非要授权才能看到。所以你说的这个我觉得实现不了。

• 提问者 视野v3 #1

  你说的这个功能我知道，非常感谢你提供的思路，这种方式我能实现，就是在有的小程序见到了是点击tabbar居然可以把某个页面导航作为一个触发机制，在跳转之前验证用户信息（授权），想请教一下老师这个能不能实现，实现思路是什么？通过app.json配置的tabbar有无事件触发机制？
  【说一种我个人的思路，相互交流一下，其实我想了通过自定义tabbar可以实现点击某一个菜单单独绑定事件，判断依据是菜单名称，是可以实现的。】