Element UI NavBar with Vue-Router

NavBar.vue

<template>
  <el-menu :default-active="$route.path"
           class="el-menu-demo"
           mode="horizontal"
           @select="handleSelect"
           :router="true">
    <el-menu-item index="/" route="/">Deploy Status</el-menu-item>
    <el-menu-item index="/projects" route="/projects">Projects</el-menu-item>
    <el-menu-item index="/services" route="/services">Services</el-menu-item>
  </el-menu>
</template>

<script>
  export default {
    name: 'NavBar',
    methods: {
      handleSelect (key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>