vue移动端导航左右滑动点击跳转

　　一、效果 点击跳转+滑动

  

 

 

 

 　　二、注意：我这是Swiper3

　　 三、在app.vue上引入相关组件

　　　　

 

 

 　　　　1.v-header baiduMap 　　//主要在父组件上显示组件的嵌套

　　　　 2.router-view 　　//是显示路由跳转的组件

　　　四、nav头部header部分

　　 　　

 

　　五、引入相关文件

　　　　

 

 

 　　六、data数据 

　　　　

 

 

 　　七、运行swiper函数部分

　　　　

 

 

 　　八、点击slider跳转，根据用户点击获取$router.ip地址。

　　　 $emit子组件向父组件传递下标显示当前位置此效果还在研究中。。

　　　　

 

 

 

 　　　九、还有别忘了css哦    如何跳转页面层级不够高请添加z-index:999;来显示吧！

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　说的很乱，勿怪，小白一个 不懂的请留言谢谢~~