vue+elementUI el-menu出现多级菜单项目中用到的比较多，记录一下

最新推荐文章于 2024-05-16 02:53:35 发布

weixin_46156770

最新推荐文章于 2024-05-16 02:53:35 发布

阅读量828

点赞数

分类专栏： vue JavaScript 文章标签：前端

本文链接：https://blog.csdn.net/weixin_46156770/article/details/128704770

版权

<el-menu default-active="2" class="delegate" @select="selectItem">
 <div v-for="(item) in navList" :key="item.id">
    <i :class="item.icon" style="font-size: 28px;vertical-align: middle;"></i>
    <!-- 一级菜单（没有子级菜单） -->
    <el-menu-item :index="item.id" v-if="!item.children">{
  { item.text }}</el-menu-item>
    <!-- 一级菜单（有子级菜单） -->
    <el-submenu :index="item.id" v-else class="second_submenu">
      <template slot="title">{
  {item.text}}</template>
      <!-- 判断二级菜单（没有三级菜单） -->
      <div v-for="(it) in item.children" :key="it.id">
        <i :class="it.icon" style="font-size: 20px;vertical-align: middle;padding-left:15px"