vue----页面跳转隐藏tabbar

喜欢ヅ旅行 2023-05-30 08:42 10阅读 0赞

在路由配置页面

import Vue from 'vue'
    import VueRouter from 'vue-router'
    import {
    	Home,
    	List,
    	Order,
    	My,
    	goodsDetail
    } from '../views/index.js'
    
    Vue.use(VueRouter)
    
    const routes = [
    	
      {
        path: '/',
        name: 'home',
        component: Home,
    	meta:{
    		showTab:true
    	}
      },
      {
        path: '/list',
        name: 'list',
        component: List,
    	meta:{
    		showTab:true
    	}
      },
      {
        path: '/order',
        name: 'order',
        component: Order,
    	meta:{
    		showTab:true
    	}
      },
      {
        path: '/profile',
        name: 'my',
        component: My,
    	meta:{
    		showTab:true
    	}
      },
      {
        path: '/goodsdetail',
        name: 'goodsdetail',
        component: goodsDetail
      }
    ]
    
    const router = new VueRouter({
      routes
    })
    
    export default router

在app.vue页面这样判断显示

<Tabbar v-if='$route.meta.showTab'></Tabbar>

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关日常BUG——普通页面跳转tabbar页面报错

日常问题定位解决。

左手的ㄟ右手/ 2024年04月23日 12:59/ 0 赞/ 83 阅读

相关 Vue.js —— 页面跳转

* * * <router-link></router-link>标签跳转 * JavaScript中设置跳转 <router-...

傷城~/ 2024年04月18日 20:43/ 0 赞/ 103 阅读

相关 taro全局配置页面路由和tabBar页面跳转

有能力可以看官方文档：[Taro 文档][Taro] ![09fc194ded7c4065b43358471468ae22.png][] 页面路由配置，配置在app.con

ゝ一纸荒年。/ 2024年02月20日 11:43/ 0 赞/ 56 阅读

相关微信小程序之普通页面跳转到tabBar页面

前言最近在做一个投稿小程序，主要功能是作者可以在微信小程序登录，注册，然后登陆进入主页面，可以投递稿件以及浏览自己已投递的稿件，和个人中心等主要功能，做的比较简单，因

「爱情、让人受尽委屈。」/ 2023年10月09日 22:34/ 0 赞/ 68 阅读

相关 vue 页面跳转

1.href//跳转刷新页面 @click = jumpCompanyProfile(item.picktextUrl)//参数是后台给的接口 jump

一时失言乱红尘/ 2023年08月17日 15:40/ 0 赞/ 161 阅读

相关 vue----页面跳转隐藏tabbar

在路由配置页面 import Vue from 'vue' import VueRouter from 'vue-router' import {

喜欢ヅ旅行/ 2023年05月30日 08:42/ 0 赞/ 11 阅读

相关 flutter 实现底部tabBar 页面跳转效果

效果图如下：点击底部tabBar切换页面 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

系统管理员/ 2023年02月18日 09:32/ 0 赞/ 11 阅读

相关 Vue实现页面跳转

![70][]![70 1][] 如何点击底部书架跳转到对应的页面 <router-link :to="{name: 'bookshelf', params: {

àì夳堔傛蜴生んèń/ 2022年05月22日 06:12/ 0 赞/ 376 阅读

相关 Vue 页面跳转

1.单页面跳转 1.1 无参数-- this.$router.push(path: ' 路由 ') 传递参数 -- this.$router.pus

Bertha 。/ 2022年03月26日 05:05/ 0 赞/ 334 阅读

相关 vue 页面跳转

1.使用 `<router-link>` 创建 a 标签 <router-link to="/city"> <div>跳转</div> </

你的名字/ 2021年12月12日 13:57/ 0 赞/ 413 阅读