如何用element-ui示例代码实现响应式导航栏？

本文共计905个文字，预计阅读时间需要4分钟。

在项目启动前，根据计划，前端使用Vue.js和Element UI。但在设计导航栏时，发现Element UI没有提供具有传统意义顶部导航栏组件，仅有一个适用于多选tab场景的导航菜单一栏。为解决此问题，决定采用以下方案：

开始之前

按照计划，前端使用Vue.js+Element UI，但在设计导航栏时，发现element没有提供传统意义上的页面顶部导航栏组件，只有一个可以用在很多需要选择tab场景的导航菜单，便决定在其基础上改造，由于我认为实现移动端良好的体验是必须的，所以便萌生了给其增加响应式功能的想法。

需求分析与拆解

假设我们的导航栏有logo和四个el-menu-item。