多级路由component页面不加载

itCatface

于 2023-12-07 11:20:54 发布

阅读量516

点赞数 6

分类专栏： Web_基础知识文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/itCatface/article/details/134850868

版权

Web_基础知识专栏收录该内容

7 篇文章 0 订阅

订阅专栏

项目基于vue-element-admin

新建SubView.vue

<template>
  <router-view />
</template>

<script setup>
</script>

在父层添加component

{
    path: '/sj',
    component: Layout,
    redirect: '/sj',
    name: '三级医院评审标准(2022)',
    meta: {
      title: '三级医院评审标准(2022)'
    },
    children: [
      {
        path: '/b1',
        meta: {
          title: '医疗服务能力与医院质量安全'
        },
        component: () => import('@/layout/components/SubView.vue'),//父层添加该行
        children: [
          {
            path: '/c1',
            meta: {
              title: '医疗服务能力'
            },
            component: () => import('@/layout/components/SubView.vue'),//父层添加该行
            children: [
              {
                path: '收治病种数量',
                component: () => import('@/views/116query/zip-code'),
                name: '收治病种数量',
                meta: { title: '收治病种数量', affix: true }
              },
              ...