左側菜單改造路由鏈接

使用ElementUI實現左側菜單改造路由鏈接

Vue的項目中我們會經常用到Element,Iview..等輕量框架來實現頁面佈局。如果是不是徹底理解這些框架的各個功能和屬性的話會帶來很多麻煩的。

項目中用到了elementUI的菜單組件,有個展開和摺疊功能。這個時候需要實現路由地址的改造鏈接:就是點擊那個子菜單URL裏面就會顯示那個路由地址

實現方法:我們這裏不需要router link 或者router push 來實現,最簡單的方法是:ElementUI提高了專門控制路由鏈接的router屬性

在menu標籤裏添加進去就可以,注意::router=“true”或者 true 也可以。

這一步實現了路由地址的同步跳轉,但是這裏拿到的是子組件的id路徑而不是path路徑:

 

這裏需要我們自己不全path路徑,前面再添加‘/’:

 

成功拿到了userpath路徑

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章