实现代码如下： wxml页面 <scroll-view scroll-x="true" class="weui-navbar"> <block wx:for-items="{{tabs}}"> <view id="{{index}}" class="{{activeIndex == index ?' ...
分类：
微信 时间：
2018-12-15 13:37:02
阅读次数：
271
问题描述: 同一个页面,点击底部tab按钮切换div的显示与隐藏,点击到第四个页面时 轮播图总是不动,出bug ...
分类：
其他好文 时间：
2018-12-13 12:16:39
阅读次数：
255
Vue-Awesome-Swiper GitHub地址：https://github.com/surmon-china/vue-awesome-swiper ...
分类：
其他好文 时间：
2018-12-12 23:51:06
阅读次数：
264
一、准备工作 1.大前提：已安装好node、 npm、 vue、 vue-cli、stylus（此项目使用stylus来编译） 2.开发软件：Google Chrome（建议安装插件vue-devtools，方便调试），webstorm / sublime Text / VS Code （推荐使用w ...
分类：
其他好文 时间：
2018-12-12 00:23:38
阅读次数：
349
关于一个页面中多处使用swiper而引起的翻页问题 最近公司项目做了一个双12活动，活动页面中存在18个轮播！！！然后在进行swiper声明的时候发现了问题，如果页面只是有一两个轮播，可以直接给每一个swiper-container 元素重新增加一个新类名，然后使用新类名进行声明。 但现在页面中一共 ...
分类：
其他好文 时间：
2018-12-08 13:07:28
阅读次数：
415
componentWillUnmount() { if (this.swiper) { // 销毁swiper this.swiper.destroy() } } componentDidUpdate(){ if(this.swiper){ this.swiper.slideTo(0, 0) thi ...
分类：
其他好文 时间：
2018-12-06 14:18:15
阅读次数：
598
1.关于数据绑定的问题 小程序更新data后只是把数据的值更新，不会刷新页面，比如滑动的列表不会回到顶部，导致使用swiper有个小bug： 就是swiper的数据是后台请求的，可通过切换tab标签动态获取，如果在切换之前swiper处在第三张或者更多（比将要点击的tab下的swiper多），那切换 ...
分类：
微信 时间：
2018-12-02 13:00:48
阅读次数：
237
表现：swiper 内容 空白 原因：swiper组件的current值为n时，重新刷新页面，current值不变，当刷新后的swiper item的数量少于 n 时，swpier找不到对应的item，故会出现空白的情况。 解决方法： 1.每次刷新的时候，将current置为0。 2.或者 通过sw ...
分类：
微信 时间：
2018-12-01 20:05:04
阅读次数：
802
接下来是一个比较常用，也比较重要的组件 swiper,可以自行搜索 vue swiper,有很多开源组件，我这里就复用之前一个熟悉的， 1.新建component/banner.vue 刷新报错： 要适应vue的报错信息，并快速定位错误，这个就scss依赖没加载 执行命令： Cnpm install ...
分类：
其他好文 时间：
2018-11-30 15:50:34
阅读次数：
622
目标地址：https://www.vyuan8.com/vyuan/plugin.php?id=vyuan_fangchan&module=fangchan&pid=10079&fid=70823 页面可以从上到下分为若干组件，导航，swiper幻灯,详情，推荐，底部 5个组件 1.先搞个头部导航 ...
分类：
其他好文 时间：
2018-11-30 15:31:57
阅读次数：
198
