VUE3 el-menu菜单设置

最新推荐文章于 2024-07-23 21:45:00 发布

前端小云儿

最新推荐文章于 2024-07-23 21:45:00 发布

阅读量243

点赞数

分类专栏： vue3知识点文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/jieweiwujie/article/details/136140207

版权

vue3知识点专栏收录该内容

65 篇文章 2 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了如何在 Vue3 项目中使用 Element UI 的 el-menu 组件来创建导航菜单。通过实例代码解析了菜单的配置、动态加载、点击事件处理等关键点，帮助开发者更好地理解和应用这一强大的组件。

摘要由CSDN通过智能技术生成

<el-scrollbar height="calc(100vh - 60px)">
      <el-menu
        :default-openeds="['1']"
        background-color="#001529"
        text-color="#ffffff"
      >
        <el-menu-item index="1" @click="click('home')"
          ><el-icon><message /></el-icon>首页运营</el-menu-item
        >
        <el-menu-item index="11" @click="click('people')"
          ><el-icon><message /></el-icon>首页运营</el-menu-item
        >
        <el-sub-menu index="2">
          <template #title>
            <el-icon><icon-menu /></el-icon>数据报表