微信小程序开发中Tarbar与tuniaoui-wx-user-info的结合

蓝洛水深 • 2024年8月27日上午11:58 • 软件 • 23 views

此前很多做法是让用户到新页面去登录，但是后来大家都觉得这是在“脱裤子放屁”。因为微信小程序的环境本身就很小，用户都是直接用户，没必要去重复手机用户信息，只要流程能打通就是最好的方案。

故而，现在基本都是在页面上弹框，用户授权头像昵称以及手机号，即可完成信息的归集。

那么，我们的需求是，当弹框弹出时，底部导航隐藏，弹框关闭时，底部导航显示。

要做到这一点，不过过多的绑定各种事件，只需要在子页面通过watch监测即可。

watch:{
      showAuthorizationModal:{
        handler(newVal) {
          if (newVal) {
            // 修改父页面的showTabbar
            this.$parent.showTabbar = false
          }else{
            // 修改父页面的showTabbar
            this.$parent.showTabbar = true
          }
        }
      }
    },

watch:{

showAuthorizationModal:{

handler(newVal) {

if (newVal) {

// 修改父页面的showTabbar

this.$parent.showTabbar = false

}else{

// 修改父页面的showTabbar

this.$parent.showTabbar = true

}

而我们的模态弹框的代码时用的图鸟的，如下：

<wx-user-info-modal
            v-model="showAuthorizationModal"
            @updated="updatedUserInfoEvent"
            @close="closeUserInfoModal"
      ></wx-user-info-modal>