解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题


Posted in Javascript onSeptember 27, 2018

前几天在工作的过程中,在数据渲染的时候,发生了swiper那一部分的轮播图不在滚动,手动滑动也没有效果。一直感觉数据开始渲染,是不是数据渲染的时候,并没有生成swiper的节点呢。后来第一感觉就是把控制swiper轮播的函数放在初始化事件中去,

解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题

放在初始化事件中去:

解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题

结果并没有达到自己的理想状况,后来放在数据获取之后哪里在进行轮播事件的发生,

解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题

swiper终于可以滑动了。其实这也不能算是一个什么大的问题点,只是单纯的想记录一下。以后在遇到相似的问题,更多的应该是从数据实现的先后来出发。这次就当做一个工作中的小插曲吧。自己也希望可以获得更大的提升。好好工作......

以上这篇解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
DOM2非标准但却支持很好的几个属性小结
Jan 21 Javascript
原生js实现shift/ctrl/alt按键的获取
Apr 08 Javascript
原生javascript实现解析XML文档与字符串
Mar 01 Javascript
简单谈谈axios中的get,post方法
Jun 25 Javascript
Underscore之Array_动力节点Java学院整理
Jul 10 Javascript
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
Aug 29 Javascript
JavaScript适配器模式详解
Oct 19 Javascript
node.js调用C++函数的方法示例
Sep 21 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
JS原生瀑布流效果实现
Apr 26 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
Aug 26 Javascript
layui使用form表单实现post请求页面跳转的方法
Sep 14 Javascript
详解如何在vue项目中使用lodop打印插件
Sep 27 #Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
Sep 27 #Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
Sep 27 #Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 #Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
Sep 27 #Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
Sep 27 #Javascript
如何在 JavaScript 中更好地利用数组
Sep 27 #Javascript
You might like
PHP 使用redis简单示例分享
2015/03/05 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
Aster vs Newbee BO5 第三场2.19
2021/03/10 DOTA
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
一个加载js文件的小脚本
2007/06/28 Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
2010/05/21 Javascript
javascript开发中因空格引发的错误
2010/11/08 Javascript
jQuery弹性滑动导航菜单实现思路及代码
2013/05/02 Javascript
document.compatMode的CSS1compat使用介绍
2014/04/03 Javascript
js改变embed标签src值的方法
2015/04/10 Javascript
JS+CSS实现表格高亮的方法
2015/08/05 Javascript
Javascript实现鼠标框选操作  不是点击选取
2016/04/14 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
2016/08/05 Javascript
利用js编写响应式侧边栏
2016/09/17 Javascript
js实现可旋转的立方体模型
2016/10/16 Javascript
Bootstrap风格的WPF样式
2016/12/07 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
2019/04/26 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
2019/06/10 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
2019/08/27 Javascript
vant中的toast层级改变操作
2020/11/04 Javascript
[58:15]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 NB vs Liquid
2018/04/02 DOTA
[04:45]DOTA2-DPC中国联赛正赛 iG vs LBZS 赛后选手采访
2021/03/11 DOTA
python 上下文管理器使用方法小结
2017/10/10 Python
Python+PyQt5实现美剧爬虫可视工具的方法
2019/04/25 Python
django实现模型字段动态choice的操作
2020/04/01 Python
Columbia Sportswear法国官网:全球户外品牌
2020/09/25 全球购物
企业办公室岗位职责
2014/03/12 职场文书
博士毕业生自我鉴定范文
2014/04/13 职场文书
商场促销活动总结
2014/07/10 职场文书
小学关爱留守儿童活动方案
2014/08/25 职场文书
四风问题班子对照检查材料
2014/09/27 职场文书
督导岗位职责范本
2015/04/10 职场文书
获奖感言怎么写
2015/07/31 职场文书
Python源码解析之List
2021/05/21 Python