此前很多做法是让用户到新页面去登录，但是后来大家都觉得这是在“脱裤子放屁”。因为微信的环境本身就很小，用户都是直接用户，没必要去重复手机用户信息，只要流程能打通就是最好的方案。
故而，现在基本都是在页面上弹框，用户授权头像昵称以及手机号，即可完成信息的归集。
那么，我们的需求是，当弹框弹出时，底部导航隐藏，弹框关闭时，底部导航显示。
要做到这一点，不过过多的绑定各种事件，只需要在子页面通过watch监测即可。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
watch:{ showauthorizationmodal:{ handler(newval){ if(newval){ // 修改父页面的showtabbar this.$parent.showtabbar=false }else{ // 修改父页面的showtabbar this.$parent.showtabbar=true } } } }, |
而我们的模态弹框的代码时用的图鸟的，如下：
|
1 2 3 4 5 |
<wx-user-info-modal v-model="showauthorizationmodal" @updated="updateduserinfoevent" @close="closeuserinfomodal" ></wx-user-info-modal> |
两者结合，也就是watch到showauthorizationmodal的值为true时，则隐藏父级的tabbar，反之隐藏。
原创文章，作者：蓝洛水深，如若转载，请注明出处：https://blog.lanluo.cn/13083
