vue+vant 隐藏登录页面导航栏,登录成功跳转页面出现导航栏

父件 导航栏添加 v-show="showNav" 设置为false:

<template>
  <div>
    <router-view />
    <van-tabbar route
                v-model="active"
                v-show="showNav">
      <van-tabbar-item replace
                       to="/home"
                       icon="home-o">
        首页
      </van-tabbar-item>
      <van-tabbar-item replace
                       to="/user"
                       icon="user-o">
        用户
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>

export default {
  name: 'Mainpage',
  data () {
    return {
      active: 0,
      showNav: false
    }
  },
  methods: {

  },
}
</script>

子件 home.vue中 v-show="showNav" 设置为true

  created () {
    this.$parent.showNav = true
  }

参考文章:https://blog.csdn.net/maidu_xbd/article/details/93711508

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容