element-ui 左侧边栏el-menu组件： 路由跳转 - 案例篇

有顶部导航 、还有侧边栏导航：如何实现路由的设置、跳转、高亮？

---

A. 顶部导航 · Hhtml 代码如下：（含高亮设置）

---

B. 左侧边栏 · html 代码如下：

注意观察标签内的default-active 和 router 设置：

    

      
        
        搜索简历
      
      
        
         人才库
      
      
        
        代理招聘
      
      
        
        分享简历
      
      
        
        企业账户
      
    

---

C.methods

	methods: {
	      handleSelect2(key, keyPath) {
	        console.log(key, keyPath);
	      }
	  }

---

D. 重点提示：

• 必须设置：default-active="$route.path"
• 必须设置：router
• 上面亮相设置完毕，即可设置具体的跳转路由，比如：
  分享简历

---

以上就是关于“　element-ui 左侧边栏el-menu组件： 路由跳转 - 案例篇　”　的全部内容。