vue-router 嵌套路由空白

作者: Gino_Li | 来源:发表于2021-10-06 21:19 被阅读0次

手写 Vue Router、手写响应式实现、虚拟 DOM 和 D
vue路由
vue 第八章
vue-router
vue-router 嵌套路由空白
回头看 vue-router 复习
8月第二周
6.vue-router之命名路由和命名视图（手把手教你用vue
08-vue-router的使用
Vue面试题

照着官方文档配完发现怎么弄还是空白

{
    path: '/address',
    component: () => import('@/views/address/address.vue'),
    name: 'Address',
    children: [
      {
        path: 'edit',
        component: () => import('@/views/address/edit.vue')
      }
    ],
    meta: {
      isHideTabbar: true
    }
  },

const onAdd = () => {
      router.push({path: '/address/edit', query: {
        type: 'add'
      }})
    }

排查发现是父路由组件需要添加router-view

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

手写 Vue Router、手写响应式实现、虚拟 DOM 和 D
Vue-Router 原理实现一、Vue-Router 动态路由二、Vue-Router 嵌套路由三、Vue...
vue路由
路由：vue-router 案例： 1.路由 2.路由的嵌套
vue 第八章
路由1.路由下载用gitnpm install vuenpm install vue-router 2.路由嵌套嵌...
vue-router
前端路由的基本原理 vue-router的基本使用命名路由路由参数嵌套路由
vue-router 嵌套路由空白
照着官方文档配完发现怎么弄还是空白排查发现是父路由组件需要添加router-view
回头看 vue-router 复习
回头看 vue-router 复习我的github iSAM2016 目录响应路由参数的变化嵌套路由函数...
8月第二周
8.7 vue-cli vue-router 用法总结：包含默认路由的地址写法，父子路由的嵌套，redirec...
6.vue-router之命名路由和命名视图（手把手教你用vue
前言：前面我们把动态路由、嵌套路由等讲完了，说道完命名路由和命名视图，vue-router的基本使用方法就算是完篇...
08-vue-router的使用
主要从路由设置、重定向、路由嵌套、无相关页面、跳转、入参记录一下。下载安装vue-router,根目录执行npm...
Vue面试题
active-class是哪个组件的属性？嵌套路由怎么定义？ vue-router模块的router-link组件...