vue路由跳转父页面隐藏

优雅格子衫

已于 2023-12-20 21:52:12 修改

阅读量544

点赞数 7

分类专栏： Element 文章标签： vue.js javascript 前端

于 2023-12-20 21:50:02 首次发布

本文链接：https://blog.csdn.net/qq_61869009/article/details/135118471

版权

Element 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1.定义路由时在meta增加一个参数用来判断

    {
      path: '/EchartsBz',
      name: '饼状图',
      component:EchartsBz,
      meta:{
        showfater: true //定义值
     },
      children:[
        {
          path: '/EchartsBz/EchartsBzs',
          name: '饼状图子页面',
          component:EchartsBzs,
          meta:{
            childrenUrl:'/EchartsBz'
         },
        }
      ]
    }

2.在父页面使用

<template>
    <div>
      <div v-show="$route.meta.showfater">
        饼状图
        <button @click="golink()">点击去到子路由</button></div>
       <router-view></router-view>
    </div>
 </template>