vue3 + element-plus 后台管理项目递归动态渲染导航栏

艾敲代码的MT

已于 2022-10-17 16:40:41 修改

阅读量3k

点赞数

文章标签： vue.js element-

于 2022-10-14 15:53:22 首次发布

本文链接：https://blog.csdn.net/qq_26705343/article/details/127321679

版权

vue3 + element-plus 后台管理系统动态渲染导航栏

MenuBar组件

	<!-- element-plus 组件 -->
    <el-menu
      default-active="1"
      class="el-menu-vertical-demo"
      @open="handleOpen"
      @close="handleClose"
      unique-opened
    >
      <MenuItem :menuList="state?.menuData" />
    </el-menu>

menuData数据

menuData: <any>[
        {
   
          id: '1',
          path: '/CityShow',
          name: 'HomeFilled',
          label: '首页',
          icon: 'HomeFilled',
          url: '/CityShow',
          router: '',
          children: [],
        },