vue-router嵌套路由方式(頁面路徑跳轉(zhuǎn)但頁面顯示空白)
更新時間：2022年04月29日 09:57:26 作者：weixin_46326251
這篇文章主要介紹了vue-router嵌套路由方式(頁面路徑跳轉(zhuǎn)但頁面顯示空白)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
如圖所示從歡迎頁跳轉(zhuǎn)至用戶列表
歡迎頁：路徑---welcome
用戶頁：路徑---users
可以看到路徑發(fā)生了跳轉(zhuǎn)，但跳轉(zhuǎn)后的用戶列表頁面顯示空白。路由嵌套代碼如下：
查詢相關(guān)資料，有兩種解決方案
1.path路徑不用攜帶/ （未解決）
2.在home頁面需添加router-view標(biāo)簽
在home頁面的template下添加<router-view> </router-view>后，用戶頁面占據(jù)了整個頁面，而我們需要將用戶頁面展示在主頁面的右半部分：
查詢相關(guān)資料可知，<router-view> </router-view>標(biāo)簽的位置不對。該標(biāo)簽的意思是將子路由的部分進行一個展示，重新調(diào)整位置
將<router-view> </router-view>寫在主體<el-main></el-main>內(nèi)：
解決問題！
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue如何使用bable將es6轉(zhuǎn)譯為es5問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
大前端代碼重構(gòu)之事件攔截iOS?Flutter?Vue示例分析
這篇文章主要為大家介紹了大前端代碼重構(gòu)之事件攔截iOS?Flutter?Vue示例分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
在計算字符數(shù)時,一般情況下,英文字符、數(shù)字和大部分符號都可以被視為占一個字符長度,因為它們是單個字節(jié),然而,對于某些特殊字符,如表情符號和部分非英文字符,會被認(rèn)為占據(jù)了多個字符長度,本文給介紹了vue處理emoji表情占位符的操作方法,需要的朋友可以參考下2024-06-06
今天小編就為大家分享一篇Vue 菜單欄點擊切換單個class(高亮)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
el-table樹形數(shù)據(jù)量過大,導(dǎo)致頁面卡頓問題及解決
這篇文章主要介紹了el-table樹形數(shù)據(jù)量過大,導(dǎo)致頁面卡頓問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
vue插件vue-resource的使用筆記（小結(jié)）
本篇文章主要介紹了vue插件vue-resource的使用筆記（小結(jié)），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
Element-Plus Select組件實現(xiàn)滾動分頁加載功能
Element-Plus的select組件并沒有自帶滾動分頁加載的功能,其雖然提供了自定義下拉菜單的底部的方式可以自定義上一頁及下一頁操作按鈕的方式進行分頁加載切換,這篇文章主要介紹了Element-Plus Select組件實現(xiàn)滾動分頁加載功能,需要的朋友可以參考下2024-03-03
SVG（Scalable?Vector?Graphics）可縮放矢量圖形，是一種用于描述基于二維的矢量圖形的?XML?標(biāo)記語言，其基本矢量顯示對象包括矩形、圓、橢圓、多邊形、直線、任意曲線等，還能顯示文字對象和嵌入式外部圖像2023-02-02
在使用Vue3時,有時頁面修改后會出現(xiàn)空白,這篇文章主要介紹了vue3切換路由時頁面空白問題解決辦法,文中介紹的步驟可以有效解決頁面空白問題,需要的朋友可以參考下2024-09-09
vue?contextmenujs鼠標(biāo)右鍵菜單高度不夠顯示不全的問題及解決方法
這篇文章主要介紹了使用vue-contextmenujs鼠標(biāo)右鍵菜單時，當(dāng)高度不夠時顯示不全的問題,大家需要注意本文給提供的解決方案雖然能夠解決現(xiàn)有問題，但是如果組件升級了，想要使用最新升級后的組件，還要再次修改代碼，需要的朋友可以參考下2022-07-07