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


Posted in Javascript onSeptember 27, 2018

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

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

放在初始化事件中去:

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

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

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

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

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

Javascript 相关文章推荐
Js动态创建div
Sep 25 Javascript
基于jQuery的仿flash的广告轮播代码
Nov 04 Javascript
js脚本分页代码分享(7种样式)
Aug 19 Javascript
javascript 判断是否是微信浏览器的方法
Oct 09 Javascript
JS轮播图中缓动函数的封装
Nov 25 Javascript
jQuery EasyUI Panel面板组件使用详解
Feb 28 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
Apr 13 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
Aug 31 Javascript
浅谈JavaScript中的属性:如何遍历属性
Sep 14 Javascript
解决layui 复选框等内置控件不显示的问题
Aug 14 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
Aug 07 Javascript
JS前端canvas交互实现拖拽旋转及缩放示例
Aug 05 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 Class 文章
2007/04/04 PHP
php中变量及部分适用方法
2008/03/27 PHP
PHP写的获取各搜索蜘蛛爬行记录代码
2012/08/21 PHP
php强制更新图片缓存的方法
2015/02/11 PHP
学习php设计模式 php实现策略模式(strategy)
2015/12/07 PHP
PHP实现动态删除XML数据的方法示例
2018/03/30 PHP
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
2012/01/13 Javascript
js中unicode转码方法详解
2015/10/09 Javascript
bootstrap输入框组代码分享
2016/06/07 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
2016/06/08 Javascript
深入学习jQuery中的data()
2016/12/22 Javascript
基于NodeJS+MongoDB+AngularJS+Bootstrap开发书店案例分析
2017/01/12 NodeJs
Django1.7+JQuery+Ajax验证用户注册集成小例子
2017/04/08 jQuery
layui获取选中行数据的实例讲解
2018/08/19 Javascript
JavaScript实现密码强度实时验证
2020/03/18 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
2020/07/23 Javascript
[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日
2021/03/11 DOTA
[49:31]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第二场 1月29日
2021/03/11 DOTA
Python3中正则模块re.compile、re.match及re.search函数用法详解
2018/06/11 Python
Python告诉你木马程序的键盘记录原理
2019/02/02 Python
python 计算数据偏差和峰度的方法
2019/06/29 Python
Python图像处理模块ndimage用法实例分析
2019/09/05 Python
Python 日志logging模块用法简单示例
2019/10/18 Python
Spring Boot中使用IntelliJ IDEA插件EasyCode一键生成代码详细方法
2020/03/20 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
通息工程毕业生自荐信
2013/10/16 职场文书
见习期自我鉴定范文
2014/03/19 职场文书
收款委托书
2014/10/14 职场文书
身份证丢失证明
2015/06/19 职场文书
工作服管理制度范本
2015/08/06 职场文书
python3 sqlite3限制条件查询的操作
2021/04/07 Python
python基础之停用词过滤详解
2021/04/21 Python
Mysql中 unique列插入重复值该怎么解决呢
2021/05/26 MySQL
Mysql数据库按时间点恢复实战记录
2021/06/30 MySQL
PyTorch device与cuda.device用法
2022/04/03 Python
CSS中使用grid布局实现一套模板多种布局
2022/07/15 HTML / CSS