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

2022-06-26 18:09:12 字數 918 閱讀 7142

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

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

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

hellow1

hellow2

hellow3

重點:-

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 new vuerouter(,

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

]},,]})

效果:

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

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

vue路由配置,vue子路由配置

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

關於 vue路由初識(子路由)

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