el-menu配置路由跳转

1.触发el-menu 上的select事件,在事件里编写路由跳转代码进行跳转

<template>
  <div>
    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item index="1">xxxx</el-menu-item>
      ...
      <!-- 具体代码省略 -->
      <el-menu-item index="3" disabled>xxxx</el-menu-item>
    </el-menu>
  </div>
</template>
<script>
export default {
  data() {
    return {}
  },
  methods:{
    handleSelect(val){
      let path = val.path
      this.$router.push(path) //在选中方法中编写path跳转代码
    },
  }
}
</script>

2.利用el-menu的router属性,el-menu-item的index值放正确的path路径