【原因】多是因為鏈結簡寫相對路徑沒有寫完整導致
【解決】把子路由的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 是因為在跳轉路由一級頁時,底部導航需要一直存在,所以可以採用路由掛載的方式,在 這個頁面中 加入,底部導航也...