vue3 element-plus动态菜单

少年包青菜

已于 2023-03-02 22:05:54 修改

阅读量138

点赞数

文章标签： vue.js javascript 前端

于 2022-11-29 00:57:25 首次发布

本文链接：https://blog.csdn.net/m0_50884068/article/details/128090202

版权

// 动态菜单
<el-menu
          active-text-color="#ffd04b"
          background-color="#545c64"
          class="el-menu-vertical-demo"
          :default-active="activeIndex"
          text-color="#fff"
          @select="handleSelect"
      >
        <template v-for="item of showRoutes" :key="item.path">
          <template v-if="item.children">
            <el-sub-menu :index="item.path">
              <template #title>
                <span>{
   {
   item.meta.title}}</span>
              </template>
              <el-menu-item-group v-for="itemChild of item.children" :key="itemChild .path">
                <el-menu-item