如何用element-ui快速构建响应式长尾词导航栏？

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

在项目启动前，根据计划，前端使用Vue.js和Element UI。但在设计导航栏时，发现Element UI没有提供传统意义上的页面顶部导航栏组件，只有一种可用的导航菜单组件，适用于需要选择多个tab的场景。因此，决定使用这种组件。

开始之前

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

需求分析与拆解

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