Vue2 el-menu实现路由跳转及当前项的设置

解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法

  1. 要实现路由跳转,先要在el-menu标签上添加router属性,然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路由跳转。
  2. 导航当前项,在el-menu标签中绑定  :default-active="$route.path",注意是绑定属性,不要忘了加“:”,当$route.path等于el-menu-item标签中的index属性值时则该item为当前项。

router :default-active="$route.path">

Vue2 el-menu实现路由跳转及当前项的设置_第1张图片

 

你可能感兴趣的:(vue2)