меню Play

<эль-меню 
  : по умолчанию-активный = "это $ route.path." 
  класс = "Эль-меню демонстрационный" 
  режим = "горизонтальный" 
  @ = "выберите handleSelect" 
  цвет фона = "# FFF" 
  текст-цвет =» # 333 "> 
  <шаблон v-за =" пункт в меню "> 
    <-如果有子菜单->! 
    <шаблон у-если =" item.subs "> 
      <эш-подменю: индекс =" item.index ": ключ =" item.index "> 
        <шаблон слот =" название "> 
          <я: класс =" item.icon "> </ I> 
          <SPAN слот =" название "> {{item.title}} </ SPAN> 
        </ шаблон> 
        <шаблон для V-= "подэлемента в п.подлодки "> 
          <шаблон v-если =" subItem.subs "> 
            <! -如果有子菜单-> 
            <эш-подменю: индекс =" subItem.index»: ключ = "subItem.id">
              <шаблон слот = "название"> {{subItem.title}} </ шаблон> 
              <шаблон для V-= "thirdItem в subItem.subs"> 
                <эль-пункт меню: индекс = "thirdItem.index": ключ = "thirdItem.index"> 
                  <маршрутизатор-ссылка: к = "thirdItem.index"> 
                    {{thirdItem.title}} 
                  </ маршрутизатор-ссылка> 
                </ эль-меню пункт> 
              </ шаблон> 
            </ эш-подменю> 
          </ шаблон> 
          <шаблон v- то еще> 
            <эль-меню пункт: индекс = "subItem.index": ключ = "subItem.id"> 
              <шаблон слот = "заголовок">
                <маршрутизатор-ссылка: к = "subItem.index"> 
                  {{subItem.title}}
                </ маршрутизатор-ссылка> 
              </ шаблон> 
            </ эль-меню пункт> 
          </ шаблон> 
        </ шаблон> 
      </ эш-подменю> 
    </ шаблон> 
    <шаблон v- то еще> 
      <эль-меню пункт: индекс = "item.index": ключ = "item.index"> 
        <шаблон слот = "название"> 
          <я: класс = "item.icon"> </ I> 
          <SPAN слот = "название"> {{элемент. название}} </ SPAN> 
        </ шаблон> 
      </ эль-пункт меню> 
    </ шаблон> 
  </ шаблон> 
</ эль-меню>

раздел данных

меню: [ 
          { 
            значок: 'Эль-значок меню' , 
            индекс: 'индекс' , 
            название: '系统首页' 
          }, 
          { 
            значок: 'Эль-значок звезды-на' , 
            индекс: '2' , 
            название: " хх ' 
            подлодки: [ 
              { 
                индекс: '/ дом / oneList' , 
                название: 'хх列表' , 
                подводные лодки: [ 
                  { 
                    индекс: '/ Главная / twoList» ,
                    Название: «Подробности XX ' 
                  } 
                ] 
              }, 
              { 
                индекс: ' / Home / threeList ' 
                название: ' Список XX ' 
              } 
            ] 
          } 
        ]

метод

handleSelect (ключ, ключевой путь) { 
        console.log (ключ, ключевой путь) 
      }