• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25

<template>
  <nav>
    <el-menu theme="dark" default-active="1" class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item index="1">π</el-menu-item>
      <el-submenu index="2">
        <template slot="title">New </template>
        <el-menu-item index="2-1">Promo set</el-menu-item>
        <el-menu-item index="2-2"></el-menu-item>
        <el-menu-item index="2-3">item three</el-menu-item>
      </el-submenu>
      <el-menu-item index="3">Me</el-menu-item>
    </el-menu>    
  </nav>
</template>

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