原文請點擊這里: [https://blockxun.top/2020-01-08-15.html](https://blockxun.top/2020-01-08-15.html) ---- 解決方法：`component: {render: (e) => e("router-view")},` ### 需求 在一些情況下，會有設置二級路由，但一級路由不需要`component`的特殊需求 *比如我在data路由下需要List頁`.../#/data/list`，shop頁`.../#/data/shop`等，但每一個頁面中沒有任何相同的地方，也就是在`.../#/data`路由下不需要`component`* 如下路由 ~~~ [{ path: '/data', name: 'data', meta: { name: 'data頁', auth: true, icon: 'icon-account' }, component: Data, // 需求是這里引入為空，但children中的component還會有東西 children: [{ path: 'list', name: 'list', meta: { name: '列表頁', auth: true }, component: List, }, { path: 'shop', name: 'shop', meta: { name: '商店頁', auth: true }, component: Shop }, { path: 'detail', name: 'detail', meta: { name: '查看', auth: true }, component: Detail }] }] ~~~ ### 解決辦法 在`/data`中，如果不寫`component`屬性,子集的component也不會顯示 1. 新建一個頁面，在頁面中寫 ~~~ <template> <router-view /> </template> ~~~ 然后`component: 上邊那個頁面` 2. 可以將`component`寫成`component: {render: (e) => e("router-view")},`