Vue如何讓router-view默認顯示頁面

項目中的頁面架構是：home頁面中，右側是一個菜單欄，菜單欄中每一項作為home的子頁面。右邊的區域用來顯示對應的頁面，因此都知道在右邊放一個router-view然后配置路由即可。

問題是項目運行起來之后，默認的router-view是空白，那怎么配置router-view有默認的展示頁面呢？

解決方法如下：

在router管理的index.js中

找到主頁面，我這里是home，在home里，加上redirect，然后寫上你想展示的頁面路徑即可

 

 

 

 

 

 

 

 

拓展：

在配置頁面路由加上該屬性

meta: { requireAuth: true // 添加該字段，表示進入這個路由是需要登錄的 },

例：

{

 path: '/home', 

 name: 'Home', 

 component: Home, 

 meta: { requireAuth: true // 添加該字段，表示進入這個路由是需要登錄的 },

}

作者：肉肉要次肉
鏈接：https://www.jianshu.com/p/086caccb9374
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。