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