vue router路由嵌套不顯示問題的解決方法
更新時間：2017年06月17日 16:12:01 作者：huanglei-
這篇文章主要為大家詳細介紹了vue router路由嵌套不顯示的問題，具有一定的參考價值，感興趣的小伙伴們可以參考一下vue-router 路由嵌套不顯示問題
vue router路由嵌套不顯示問題的解決方法，具體內(nèi)容如下
路由嵌套，vue2.0 router中嵌套路由不成功，如何解決？
我先說下我的需求，例如下圖
我本來是想打算將中間的模塊做一層子路由（test模塊），模塊代碼沒錯，每次編譯都正常好使。
但是打開編譯后的文件之后，一直都是==只能渲染一級路由，子路由沒有效果，==，查了一推資料。
帖子說：子路由多寫了/, 會默認從根目錄開始匹配，我試著也刪除掉這些東西，但是后來發(fā)現(xiàn)，我的問題并不是這個原因造成的，原因在于，在子模塊里面引用子路由，也是需要這個。
<router-view></router-view>
而我恰好又沒有，在子模塊template中加上即可！
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
基于vue-cli 路由 實現(xiàn)類似tab切換效果（vue 2.0）
這篇文章主要介紹了基于vue-cli 路由 實現(xiàn)類似tab切換效果（vue 2.0），非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了詳解一次Vue低版本安卓白屏問題的解決過程,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
Vue.js 利用v-for中的index值實現(xiàn)隔行變色
這篇文章主要介紹了Vue.js 利用v-for中的index值實現(xiàn)隔行變色效果，首先定義好樣式，利用v-for中的index值，然后綁定樣式來實現(xiàn)隔行變色,需要的朋友可以參考下2018-08-08
防抖（Debounce）在前端開發(fā)中是一種常用的技術,它的作用是限制某個操作在短時間內(nèi)的頻繁觸發(fā),下面我們就來看看如何一個Vue指令搞定函數(shù)防抖吧2024-02-02
這篇文章主要為大家詳細介紹了Vue實現(xiàn)調(diào)用PC端攝像頭實時拍照，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
vue props default Array或是Object的正確寫法說明
這篇文章主要介紹了vue props default Array或是Object的正確寫法說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了關于Vue的?Vuex的4個輔助函數(shù),輔助函數(shù)的好處就是幫助我們簡化了獲取store中state、getter、mutation和action,下面我們一起來看看文章具體的舉例說明吧，需要的小伙伴也可以參考一下2021-12-12
在業(yè)務中，如果遇到文檔管理類的功能，會出現(xiàn)需要在線預覽的業(yè)務需求，本文主要是通過第三方庫來實現(xiàn)文檔預覽功能，并將其封裝成preview組件,感興趣的可以了解一下2022-09-09
這篇文章主要介紹了vue如何在多個不同服務器下訪問不同地址，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了Vue中$forceUpdate()的使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04