pacholy的博客

swiper纵向切换效果因为上一篇文档在介绍vue项目中使用swiper的方法，所以这个例子我直接在vue项目里写的。当然html页面里和这个差不多。 话不多说，上代码。slide里面的样式和内容可以根据自己的需求去写，我主要是为了展示功能，就写了一个简单的效果。<!-- 组件的模板 --><template> <div class="car&quo

swiper选择器（单个） 因为有时候会遇到这种选择器，需要滚动选择，而我也不想再去使用插件正好vue项目中有很多地方使用到了swiper，于是顺势我也用swiper写了这个选择器，不然再去使用其他插件会占用项目更多的空间。原理：使用纵向的swiper，设置slide里面的字体颜色为灰色，而当前显示的slide的颜色为黑色，给人在视觉上一种被选中的感觉，至于获取当前显示slide里面的值...

1.Swiper动态加载数据之后就不滚动了我们在写项目的时候，很多swiper的数据都是动态获取到的，我们在刚进入页面的时候，初始化了swiper，但是当我们加载成功数据后（比如ajax获取数据），swiper的子元素被改变了，于是swiper就不能正常执行了，下面是我在vue中写的时候遇到的，附上解决方案。主要代码，就是下面的observer: true, //修改swiper自己或子元素...