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標簽
在home頁面的template下添加<router-view> </router-view>后，用戶頁面占據(jù)了整個頁面，而我們需要將用戶頁面展示在主頁面的右半部分：
查詢相關(guān)資料可知，<router-view> </router-view>標簽的位置不對。該標簽的意思是將子路由的部分進行一個展示，重新調(diào)整位置
將<router-view> </router-view>寫在主體<el-main></el-main>內(nèi)：
解決問題！
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue如何預覽后端傳來的二進制圖片，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了Vue觸發(fā)隱藏input file的方法實例詳解，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-08-08
Ganttastic是一個小型的Vue.js組件，用于在Web應(yīng)用程序上呈現(xiàn)一個可配置的、可拖動的甘特圖。本文就將用它來實現(xiàn)簡單可擴展的甘特圖，感興趣的可以嘗試一下2022-11-11
基于Vue中this.$options.data()的this指向問題
這篇文章主要介紹了基于Vue中this.$options.data()的this指向問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
vue使用html2canvas實現(xiàn)將DOM節(jié)點生成對應(yīng)的PDF
這篇文章主要為大家詳細介紹了vue如何使用html2canvas實現(xiàn)將DOM節(jié)點生成對應(yīng)的PDF,文中的示例代碼簡潔易懂,感興趣的小伙伴可以學習一下2023-08-08
這篇文章主要介紹了安裝多版本Vue-CLI的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
Vue實現(xiàn)實時更新sessionStorage數(shù)據(jù)的示例代碼
這篇文章主要為大家詳細介紹了Vue如何實現(xiàn)實時更新sessionStorage數(shù)據(jù)，文中的示例代碼講解詳細，具有一定的參考價值，需要的可以參考一下2023-06-06
基于element-ui中el-select下拉框選項過多的優(yōu)化方案
這篇文章主要介紹了基于element-ui中el-select下拉框選項過多的優(yōu)化方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
本篇文章主要介紹了vue.js之vue-cli腳手架的搭建詳解，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細介紹了vue使用axios跨域請求數(shù)據(jù)的問題，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10