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


Posted in Javascript onSeptember 27, 2018

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

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

放在初始化事件中去:

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

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

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

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

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

Javascript 相关文章推荐
js和jquery批量绑定事件传参数一(新猪猪原创)
Jun 23 Javascript
jquery.simple.tree插件 更简单,兼容性更好的无限树插件
Sep 03 Javascript
下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
Sep 18 Javascript
js特殊字符转义介绍
Nov 05 Javascript
jquery ajax中使用jsonp的限制解决方法
Nov 22 Javascript
使用js显示当前时间示例
Mar 02 Javascript
confirm确认对话框的实现方法总结
Jun 17 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
Apr 23 Javascript
最常见的左侧分类菜单栏jQuery实现代码
Nov 28 Javascript
Jquery删除css属性的简单方法
Dec 04 Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 Javascript
vue.js实现图书管理功能
Sep 24 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产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
PHP入门教程之数学运算技巧总结
2016/09/11 PHP
详解如何在云服务器上部署Laravel
2017/06/30 PHP
PHP实现更改hosts文件的方法示例
2017/08/08 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
如何在Mozilla Gecko 用Javascript加载XSL
2007/01/09 Javascript
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
可恶的ie8提示缺少id未定义
2014/03/20 Javascript
微信小程序 Audio API详解及实例代码
2016/09/30 Javascript
微信小程序实现自定义picker选择器弹窗内容
2020/05/26 Javascript
使用electron制作满屏心特效的示例代码
2018/11/27 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
2019/06/28 Javascript
vue 更改连接后台的api示例
2019/11/11 Javascript
微信小程序登陆注册功能的实现代码
2019/12/10 Javascript
jQuery实现雪花飘落效果
2020/08/02 jQuery
[03:24]CDEC.Y赛前采访 努力备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
python对html代码进行escape编码的方法
2015/05/04 Python
Python封装shell命令实例分析
2015/05/05 Python
Python简单遍历字典及删除元素的方法
2016/09/18 Python
python中的turtle库函数简单使用教程
2018/07/23 Python
python 中的列表生成式、生成器表达式、模块导入
2019/06/19 Python
Python自动化操作实现图例绘制
2020/07/09 Python
python 模拟登陆github的示例
2020/12/04 Python
CSS3制作皮卡丘动画壁纸的示例
2020/11/02 HTML / CSS
伦敦香水公司:The London Perfume Company
2019/11/13 全球购物
智能电子应届生求职信
2013/11/10 职场文书
总经理文秘岗位职责
2014/02/03 职场文书
大学生两会精神学习心得体会
2014/03/10 职场文书
荷叶母亲教学反思
2014/04/30 职场文书
小学生十佳少年事迹材料
2014/08/20 职场文书
纪律教育学习月活动总结
2014/08/27 职场文书
党的群众路线教育实践活动实施方案
2014/10/31 职场文书
计算机实训报告总结
2014/11/05 职场文书
家属慰问信
2015/02/14 职场文书
关于教师节的广播稿
2015/08/19 职场文书
python实战之90行代码写个猜数字游戏
2021/04/22 Python