vue路由跳轉了但界面不顯示的問題及解決
更新時間：2022年04月28日 09:30:21 作者：Charis-Cai
這篇文章主要介紹了vue路由跳轉了但界面不顯示的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
路由跳轉了但界面不顯示
沒有在父路由加上router-view，加上下面的代碼即可。
<!-- 路由匹配到的組件將顯示在這里 --> <router-view></router-view>
路由明明配置好了頁面還是不顯示
在開發(fā)vue項目時，使用vue-router 路由老失效
問題代碼
Vue.use(VueRouter)
var routeslist=[
? {
? ? path:'/',
? ? redirect:'/home'
? }, ? ?//配置路由，這里是個數(shù)組
? { ? ? ? ? ? ? ? ? ? ?//每一個鏈接都是一個對象
? ? path: '/home', ? ? ? ? //鏈接路徑
? ? name: 'home', ? ? //路由名稱，
? ? component: index ? //對應的組件模板
? }
]
const router= new VueRouter({
? ?routeslist
})
new Vue({
? router:router,
? render: h => h(App),
}).$mount('#app')解決
在使用路由時如何不滿足命名規(guī)范，就必須加上參數(shù)名稱
-注意~ 不只是這里 在
new Vue({
router,
render: h => h(App),})如何VueRouter對象名稱不為router時 也需要加上參數(shù)名稱
router:router,
// 指定為routes
const router= new VueRouter({
? ? routes: routeslist
})
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
下面小編就為大家分享一篇使用vue-router設置每個頁面的title方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了vue3實現(xiàn)手機上可拖拽元素的組件，用vue3實現(xiàn)一個可在手機上拖拽元素的組件，可拖拽至任意位置，并且可以防止拖拽元素移出屏幕邊緣2022-09-09
這篇文章主要介紹了axios簡單實現(xiàn)小程序延時loading指示，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
詳解如何在Vue2中實現(xiàn)useDraggable
這篇文章主要為大家詳細介紹了Vue2中實現(xiàn)useDraggable的相關知識,文中的示例代碼簡潔易懂,對我們深入了解vue有一定的幫助,需要的小伙伴可以參考下2023-12-12
當elementUI中菜單打開后,再次點擊不會刷新的問題,導致菜單再次點擊不刷新的根本原因是頁面打開后,再次打開相同的頁面是不會刷新的,這應該是框架的機制就是如此,小編整理了兩個比較不錯的解決方法,需要的朋友可以參考下2023-08-08
這篇文章主要給大家介紹了關于vuex刷新后數(shù)據(jù)丟失的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10
這篇文章主要介紹了vue仿element實現(xiàn)分頁器效果，實現(xiàn)思路是定一個值foldPage, 意為當前最多顯示的標簽數(shù),當總頁數(shù)超過即顯示省略.省略分為左邊省略(folder1)和右邊省略(folder2)，具體實例代碼大家參考下本文2018-09-09
這篇文章主要介紹了Vue?如何關掉響應式問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了淺談Vue.js中如何實現(xiàn)自定義下拉菜單指令，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
在Vue項目中，我們經(jīng)常需要引入外部的模塊或文件，這時候就會用到import和require這兩個關鍵字，本文將詳細分析它們的用法，并提供具體的代碼實例和解釋,需要的朋友可以參考下2023-06-06