分类：响应式导航栏

2020
09-28

element-ui 实现响应式导航栏的示例代码

开始之前按照计划，前端使用Vue.js+ElementUI，但在设计导航栏时，发现element没有提供传统意义上的页面顶部导航栏组件，只有一个可以用在很多需要选择tab场景的导航菜单，便决定在其基础上改造，由于我认为实现移动端良好的体验是必须的，所以便萌生了给其增加响应式功能的想法。需求分析与拆解假设我们的导航栏有logo和四个el-menu-item。给window绑定监听事件，当宽度小于a时，四个链接全部放入右侧el-submenu的子菜单：当宽度... 继续阅读 >