假设当前显示的是1，往左滑动一个递减1，往右滑动一个递增1。下面通过实例代码给大家讲解swiper动态改变滑动内容的实现方法，感兴趣的朋友一起看看吧

假设当前显示的是1，往左滑动一个递减1，往右滑动一个递增1 body下面添加如下代码 1 2 3 引用swiper的css和js脚本(当前使用的是4.x以上版本) 添加js脚本 var n

本文实例为大家分享了微信小程序实现点击导航条切换页面的具体代码，供大家参考，具体内容如下 我录制了个gif如下，黄色部分是不可以滑动的，蓝色部分可以滑动。 代码解说： 首先我在js自定义了navState参数用于判断导航的当前状态， 定义了data-index用于js中动态修改导航的当前状态， nav-switch-style为选择导航条时的样式， 不可滑动视图切换很简单，用wx:if判断状态显示相应页就好了， 滑动页视图切换要用到swiper和 swiper-item，

本文实例为大家分享了微信小程序实现点击导航条切换页面的具体代码，供大家参考，具体内容如下 我录制了个gif如下，黄色部分是不可以滑动的，蓝色部分可以滑动。 代码解说： 首先我在js自定义了navState参数用于判断导航的当前状态， 定义了data-index用于js中动态修改导航的当前状态， nav-switch-style为选择导航条时的样式， 不可滑动视图切换很简单，用wx:if判断状态显示相应页就好了， 滑动页视图切换要用到swiper和 swiper-item，