這篇文章帶給大家的內容是關於vue.js路由顯示設定的方法介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
const router= new VueRouter({ routes:[ {path:'/',name:'home',component:Home}, //页面第一显示的组件 {path:'/menu',name:'menu',component:Menu}, {path:'*',redirect:'/'} ], mode:"history" });
②設定 redirect 的值(適用於二級路由)
const router= new VueRouter({ routes:[ {path:'/',name:'home',component:Home}, {path:'/about',name:'about',component:About,redirect:{name:'contactLink'},children:[ //二级路由 {path:'/about/contact',name:'contactLink',component:Contact}, {path:'/history',name:'historyLink',component:History}, ]}, {path:'*',redirect:'/'} ], mode:"history" });
相關建議:
#以上是vue.js路由顯示設定的方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!