小程序开发中如何实现一个点击导航条跳转页面功能-创新互联
小程序开发中如何实现一个点击导航条跳转页面功能？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
具体内容如下
黄色部分是不可以滑动的，蓝色部分可以滑动。
代码解说：
- 首先我在js自定义了navState参数用于判断导航的当前状态，
- 定义了data-index用于js中动态修改导航的当前状态，
- nav-switch-style为选择导航条时的样式，
- 不可滑动视图切换很简单，用wx:if判断状态显示相应页就好了，
- 滑动页视图切换要用到swiper和 swiper-item，
- 用bindchang方法监听滑块，current 改变时会触发 change 事件（还有个bindanimationfinish方法监听也是可以用的，详细请看官方文档）
- 动态的绑定了current滑块的index，这样就可以实现点击导航条滑块跟着滚动，
- 相反的，当滑动滑块时，就可以根据current的值来动态修改导航的状态了。
wxml代码：
页面一 页面二 页面三 1 2 3 左右可滑动1 左右可滑动2 左右可滑动3
新闻标题：小程序开发中如何实现一个点击导航条跳转页面功能-创新互联
文章网址：http://mswzjz.cn/article/doosee.html