二级路由画面显示空白

来赶鸭子上架

已于 2022-12-05 16:34:21 修改

阅读量1.8k

点赞数 2

文章标签： javascript 开发语言 ecmascript

于 2022-09-17 11:07:11 首次发布

本文链接：https://blog.csdn.net/ly1477868382/article/details/126902843

版权

vue2项目，二级路由画面不显示，经检查：1.一级路由忘记加"/"；2.二级路由的上级路由页面中没有添加<router-view></router-view>/

1、

  {
    path: '/',
    component: Layout, -----------二级路由页面需要统一设置layout
    redirect: '/dashboard',
    children: [
      {
        path: 'dashboard',
        name: 'Dashboard',
        component: () => import('@/views/dashboard/index'),
        meta: { title: 'Dashboard', icon: 'dashboard' }
      }
    ]
  },

2、

<template>
  <section class="app-main">
    <transition name="fade-transform" mode="out-in">
      <router-view :key="key" />
    </transition>
  </section>
</template>