上传者: 38651929
|
上传时间: 2022-07-31 22:46:00
|
文件大小: 95KB
|
文件类型: PDF
开始之前
按照计划,前端使用Vue.js+Element UI,但在设计导航栏时,发现element没有提供传统意义上的页面顶部导航栏组件,只有一个可以用在很多需要选择tab场景的导航菜单,便决定在其基础上改造,由于我认为实现移动端良好的体验是必须的,所以便萌生了给其增加响应式功能的想法。
需求分析与拆解
假设我们的导航栏有logo和四个el-menu-item。
给window绑定监听事件,当宽度小于a时,四个链接全部放入右侧el-submenu的子菜单:
当宽度大于a时,右侧el-submenu不显示,左侧el-menu-item正常显示:
所以,先创建一个数组,存储所有所需的