VUE中实现树状多层菜单栏

在开发中,经常会遇到很多一级菜单栏,点开有嵌套二级菜单栏,有的选项还可以继续点开,有三级菜单甚至更多级别的菜单.

以下做一个简单的多层次菜单栏

<template>
  <div>
    <div class="item" v-for="(item, index) in list" :key="index">
      <div class="item-title border-bottom">
        <span class="item-title-icon"></span>
        {
   {
   item.title}}
      </div>
      <div v-if="item.children" class="item-children">
        <detail-list :list="item.children"></detail-list>
      </div>
    </div