element-ui之导航栏的使用

最新推荐文章于 2025-06-05 12:50:21 发布

原创最新推荐文章于 2025-06-05 12:50:21 发布 · 4.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#element-ui #导航栏 #小道仙

插件学习专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了Element-UI中导航栏组件的具体导入方式，包括顶部和侧边导航栏所需的不同组件，如Menu、Submenu、MenuItem等，为开发者提供了一站式的组件导入解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

很是奇怪一个问题 element-ui 既然提供了，模块化的组件导入，文档在最开始已经给出了全部的组件。但是在每一个模块的时候，却没有给出需要导入那些个组件。。。。

经过测试，导入导航栏需要以下：


import {
    Menu,
    Submenu,
    MenuItem,
    MenuItemGroup,
    RadioGroup,
    RadioButton,
  } from 'element-ui';
  // 顶部导航栏
  Vue.use(Menu);
  Vue.use(Submenu);
  Vue.use(MenuItem);
  // 侧边导航栏需要上面3个加下面三个
  Vue.use(MenuItemGroup);
  Vue.use(RadioGroup);
  Vue.use(RadioButton);