多级路由component页面不加载

2023-12-13 06:34:51

项目基于vue-element-admin

  1. 新建SubView.vue

    <template>
      <router-view />
    </template>
    
    <script setup>
    </script>
    
  2. 在父层添加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 }
                  },
                  ...
    

文章来源:https://blog.csdn.net/itCatface/article/details/134850868
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。