Vue elementui導航菜單多級導航菜單
路由跳轉(1)
el菜單標簽中的路由器
參數指示路由器類型可選值的默認值是否使用vue-router模式。啟用此模式將使導航激活時以索引為路徑進行路徑跳轉布爾型-假。
& ltel菜單路由器& gt
組件中的路線跳轉(nav menu . vue):index =“nav menu . entity . name“
:default-active =“activeIndex“activeIndex的默認值也應該是entity.name的值
此時菜單數據中的值是多少?它未被使用,可以刪除。
請註意路由更改。
組件(NavMenu.vue)
& lt模板& gt& ltdiv class =“nav menu“& gt。& lt模板v-for =“nav menu in nav menu“& gt。& lt!-最後壹個菜單-& gt;& ltel-menu-item v-if=“!navMenu.childs & amp& ampnav menu . entity“:key =“nav menu . entity . id“:data =“nav menu“:index =“nav menu . entity . name“& gt;& ltI:class =“nav menu . entity . icon“& gt。& lt/I & gt;& ltspan slot =“title“& gt。{ { nav menu . entity . alias } } & lt;/span>。& lt/El-菜單項& gt& lt!-此菜單下有子菜單-& gt;& ltEl-submenu v-if =“nav menu . childs & amp;& ampnav menu . entity“:key =“nav menu . entity . id“:data =“nav menu“:index =“nav menu . entity . name“& gt;& lt模板slot =“title“& gt;& ltI:class =“nav menu . entity . icon“& gt。& lt/I & gt;& lts