Vue3 + Element Plus 多级嵌套菜单动态渲染

文章目录

    • 1 前言
      • 1.1 功能
      • 1.2 源码
    • 2 sub-menu 组件
    • 3 menu 组件

1 前言

1.1 功能

  • 动态渲染多级嵌套菜单
  • 点击菜单跳转页面
  • 子菜单高亮,对应父级菜单也高亮
  • 不同路由高亮同一菜单

1.2 源码

  • 地址: https://gitee.com/YanaDH/vue3-element-template/tree/master
  • 路径: src/layout/components/sidebar/menu

2 sub-menu 组件





3 menu 组件






你可能感兴趣的:(Element,Plus,Vue3,vue.js,javascript,前端,elementui)