實現(xiàn)多層menu菜單尖啡，獲取數(shù)據(jù)動態(tài)渲染
//子組件
<!-- 一級菜單 -->
<el-menu-item :index="menuObj.url" v-if="!menuObj.child">
<i :class="menuObj.icon"></i>
<span slot="title">{{ menuObj.name }}</span>
</el-menu-item>
<!-- 二級菜單 -->
<el-submenu :index="menuObj.url" v-else>
<template slot="title">
<i :class="menuObj.icon"></i>
<span>{{ menuObj.name }}</span>
</template>
<!-- 多級菜單 -->
<menuList v-for="(child, i) in menuObj.child" :menuObj="child" :key="i" />
</el-submenu>
//父組件
<!-- 多級路由跳轉(zhuǎn)的實現(xiàn) -->
<menuList v-for="(v,i) in menuList" :key="i" :menuObj='v'></menuList>
主要是用遞歸的方法進行渲染
