el-menu-item 實現水平導航欄，路由的跳轉

廢話不多說，直接上代碼如下：

<el-menu
      class="el-menu-vertical-demo"
     id="topNav"
      router
      background-color='#ededed'
      text-color='#000000'
      mode="horizontal"
      :default-active="activeIndex"
    >
    <el-menu-item v-for="item in topArray" :key="item.key" :index="item.name"  class="contentShow">
      <template>
        <span :key="item.key" >{{item.name}}</span>
        <img src="../image/outPage.png" :key="item.key">
      </template>
    </el-menu-item>
  </el-menu>

做了一個項目，是左側導航樹進行點擊後，上方出現相應的模塊，可進行跳轉，而且是動態進行添加的，效果圖如下：