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


Posted in Javascript onSeptember 27, 2018

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

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

放在初始化事件中去:

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

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

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

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

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

Javascript 相关文章推荐
日期 时间js控件
May 07 Javascript
基于JQuery的密码强度验证代码
Mar 01 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
Apr 18 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
js中javascript:void(0) 真正含义
Nov 05 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
May 18 Javascript
使用Angular.js开发的注意事项
Oct 19 Javascript
EasyUI Combobox设置默认值 获取text的方法
Nov 28 Javascript
Javascript之面向对象--封装
Dec 02 Javascript
vue使用axios时关于this的指向问题详解
Dec 22 Javascript
JS实现非首屏图片延迟加载的示例
Jan 06 Javascript
150行Node.js实现的dns代理工具
Aug 02 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生成WAP页面
2006/10/09 PHP
php mysql索引问题
2008/06/07 PHP
PHP中数字检测is_numeric与ctype_digit的区别介绍
2012/10/04 PHP
phpcms中的评论样式修改方法
2016/10/21 PHP
Laravel使用模型实现like模糊查询的例子
2019/10/24 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
2010/05/15 Javascript
jQuery powerFloat万能浮动层下拉层插件使用介绍
2010/12/27 Javascript
jquery拖动插件(jquery.drag)使用介绍
2013/06/18 Javascript
node.js中的fs.lchownSync方法使用说明
2014/12/16 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
举例讲解JavaScript substring()的使用方法
2015/11/09 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
angularjs中的$eval方法详解
2017/04/24 Javascript
JavaScript中set与get方法用法示例
2018/08/15 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
2018/12/06 Javascript
谈谈JavaScript中super(props)的重要性
2019/02/12 Javascript
解决微信小程序中的滚动穿透问题
2019/09/16 Javascript
vue点击按钮动态创建与删除组件功能
2019/12/29 Javascript
[37:29]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.19
2020/11/19 DOTA
python实现百度语音识别api
2018/04/10 Python
Python面向对象基础入门之设置对象属性
2018/12/11 Python
详解Python 多线程 Timer定时器/延迟执行、Event事件
2019/06/27 Python
python3.7通过thrift操作hbase的示例代码
2020/01/14 Python
全球最大的游戏市场:G2A
2018/07/05 全球购物
西班牙著名的珠宝首饰品牌:P D PAOLA
2018/09/15 全球购物
Tom Dixon官网:英国照明及家具设计和制造公司
2019/03/01 全球购物
韩语专业本科生求职信
2013/10/01 职场文书
有趣的广告词
2014/03/18 职场文书
《将心比心》教学反思
2014/04/08 职场文书
宣传标语大全
2014/07/01 职场文书
村主任“四风”问题个人整改措施
2014/10/04 职场文书
2015年事业单位办公室文员工作总结
2015/04/24 职场文书
企业法人任命书
2015/09/21 职场文书
Python中的xlrd模块使用整理
2021/06/15 Python
java实现对Hadoop的操作
2021/07/01 Java/Android