vue:路由菜单(element 和 antd)

在 vue 中 使用 UI框架中的菜单,给菜单如何添加路由呢?其中会出现路由样式的问题。请看下面两种UI方法。

注)使用框架的时候注入知道的吧。。。。。防止有些人xxxx,我还是写一下。

vue:路由菜单(element 和 antd)_第1张图片

 

场景:使用 elementUI 的 NavMenu 时。

这里请注意:可以不使用 router-link,在 e-menu 上面绑定 route 或者 :route = ’true' ,然后遍历的时候 :index=‘route.path’ (:index=‘路径’)。

vue:路由菜单(element 和 antd)_第2张图片

 

代码

 

 

 

 

场景:使用 antd 的 Menu 时。

这个里面是需要使用route-link做路由跳转的。

vue:路由菜单(element 和 antd)_第3张图片

代码

 

 

 

你可能感兴趣的:(vue,vue,vue菜单,vue中使用element菜单,vue中使用antd的菜单)