Vue點到子路由，父級，無法高亮問題解決

2021-10-01 17:21:04 字數 1612 閱讀 4695

【原因】多是因為鏈結簡寫相對路徑沒有寫完整導致

【解決】把子路由的router-link的to屬性裡鏈結寫完整、並把router配置檔案裡path也寫完整即可

以下是路由鏈結 注意路徑to要加上主元件，這樣點到子路由裡，主路由設定顏色才不會消失



'left'


>


hello子元件<


/h1>


<


!-- 【1】以下是路由鏈結 注意路徑to要加上主元件，這樣點到子路由裡，主路由設定顏色才不會消失--


>


"/hello/hechild/hello1"


>hellow1<


/router-link>


>


"/hello/hechild/hello2"


>hellow2<


/router-link>


>


"/hello/hechild/hello3"


>hellow3<


/router-link>


>


<


/div>


'right'


>


<


!>


<


/router-view>


<


/div>


<


/div>


<


/template>


export


default}}


<


/script>


/* 對頁面進行布局 */


#left 


#right 


<


/style>
重點：-

import vue from


'vue'


import vuerouter from


'vue-router'


//引入路由


import parent from


'./components/parent.vue'


//引入元件


import hello from


'./components/hello.vue'


//引入元件2


import hello1 from


'./components/hechild/hello1.vue'


//以下3個為引入對應的子元件


import hello2 from


'./components/hechild/hello2.vue'


import hello3 from


'./components/hechild/hello3.vue'


import wa from


'./components/wa.vue'


//引入第3個元件


vue.


use(vuerouter)


//使用路由


export


default


newvuerouter(,


//帶子路由的hello元件配置開始,,


]},,


]})


.active 


<


/style>

Vue點到子路由，父級，無法高亮問題解決

原因 多是因為鏈結簡寫相對路徑沒有寫完整導致 解決 把子路由的router link的to屬性裡鏈結寫完整 並把router配置檔案裡path也寫完整即可 以下是路由鏈結 注意路徑to要加上主元件，這樣點到子路由裡，主路由設定顏色才不會消失 hellow1 hellow2 hellow3 重點 im...

vue路由配置，vue子路由配置

現在乙個專案已經部署完成，接下來我們從路由開始！還記得在初始化專案的時候，有提示是否需要安裝vue router，對沒錯，vue中路由全靠它！首先找到路由配置檔案 router index.js，是整個專案路由配置檔案 首先看最上面的，這個模組引入，es2015中的import.from.將你需要配...

關於 vue路由初識（子路由）

今天學習了簡單的路由，和children 子路由的用法，大致可以總結為，假如我們在做乙個帶有底部導航的移動端專案可以這樣寫 routes 其中path為 的為根目錄，下面用了children 是因為在跳轉路由一級頁時，底部導航需要一直存在，所以可以採用路由掛載的方式，在 這個頁面中 加入，底部導航也...