• 技术文章 >web前端 >Vue.js

    Vue跳转页面如何隐藏底部导航tabbar?两种方法介绍

    青灯夜游青灯夜游2022-11-18 20:47:49转载268
    Vue跳转页面如何隐藏底部导航tabbar?下面本篇文章给大家介绍一下隐藏底部导航tabbar的两种方法,希望对大家有所帮助!

    大前端成长进阶课程:进入学习

    一、Vue跳转页面隐藏底部导航tabbar的第一种方法

    在这里插入图片描述

    meta:{
    	hideTabBar:true
    }

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

    请添加图片描述

    二、Vue跳转页面隐藏底部导航tabbar的第二种方法

    ⭐⭐⭐

    补充额外知识:

    .city {
    	position: relative;
      	 z-index: 9;
      	 height: 100vh;
      	 background-color: #fff;
    
      	 overflow-y: auto;
    }

    在这里插入图片描述

    但是无论跳转到哪个页面,我们都是需要隐藏tabbar的,所以我们可以给它抽离出去

    抽离到css文件里面

    想用的时候给对应的页面添加上就OK了

    在这里插入图片描述

    在这里插入图片描述

    这样就可以啦,endingending~

    (学习视频分享:web前端开发编程基础视频

    以上就是Vue跳转页面如何隐藏底部导航tabbar?两种方法介绍的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:Vue vue.js
    上一篇:深入理解vue2中的VNode和diff算法 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 浅析Vue项目中怎么用Pinia状态管理工具• 浅析Vue中父子组件间怎么通信(父传子|子传父)• 一文搞懂vue2 diff算法(附图)• 深入了解Vue中的动态组件• 实例讲解vue如何实现打印小票• 步骤详解Vue怎么实现语音播报(附代码)
    1/1

    PHP中文网