1、当不确定菜单有多少层级的时候,第一时间就想到使用递归的方式渲染菜单,下面我们来看看如何实现。
2、使用ivew菜单组件,目前项目也用的是这个框架,不熟悉的小伙伴可以先看看这个菜单组件,熟悉的小伙伴我们继续向下看。
3、我的实现思路,判断没有子菜单单的时候,使用组件的正常渲染,如果有子菜单,那就需要加载这个组件 <left-menu-nav />,继续帮我们循环,走下一步
<Menu
ref="user"
accordion
width="auto"
>
<template v-for="(items,index) in leftNav">
<!-- 有子菜单 -->
<left-menu-nav
v-if="items.children&&items.children.length!==0"
:menuList="items"
:key="items.name"
></left-menu-nav>
<!-- 无子菜单 -->
<menu-item
v-else
:key="index&#