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


Posted in Javascript onSeptember 27, 2018

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

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

放在初始化事件中去:

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

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

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

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

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

Javascript 相关文章推荐
javascript:以前写的xmlhttp池,代码
May 18 Javascript
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
Mar 07 Javascript
Extjs4中的分页应用结合前后台
Dec 13 Javascript
js实现键盘操作实现div的移动或改变的原理及代码
Jun 23 Javascript
Bootstrap 组件之按钮(二)
May 11 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
Jun 13 Javascript
canvas实现绘制吃豆鱼效果
Jan 12 Javascript
js实现楼层导航功能
Feb 23 Javascript
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
Apr 04 Javascript
vue+express+jwt持久化登录的方法
Jun 14 Javascript
使用这 6个Vue加载动画库来减少我们网站的跳出率
May 18 Vue.js
详解如何在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 VS ASP
2006/10/09 PHP
ThinkPHP页面跳转success与error方法概述
2014/06/25 PHP
php+mysql删除指定编号员工信息的方法
2015/01/14 PHP
日常整理PHP中简单的图形处理(经典)
2015/10/26 PHP
PHP7标量类型declare用法实例分析
2016/09/26 PHP
jQuery1.5.1 animate方法源码阅读
2011/04/05 Javascript
js 高效去除数组重复元素示例代码
2013/12/19 Javascript
js 立即调用的函数表达式如何写
2014/01/12 Javascript
javascript实现网站加入收藏功能
2015/12/16 Javascript
Knockout自定义绑定创建方法
2015/12/26 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
2016/08/09 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
js实现倒计时及时间对象
2016/11/15 Javascript
使用angular帮你实现拖拽的示例
2017/07/05 Javascript
十分钟带你快速了解React16新特性
2017/11/10 Javascript
nodejs实现简单的gulp打包
2017/12/21 NodeJs
js 实现复选框只能选择一项的示例代码
2018/01/23 Javascript
vue.js删除列表中的一行
2018/06/30 Javascript
基于AngularJs select绑定数字类型的问题
2018/10/08 Javascript
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
原生js+ajax分页组件
2020/01/30 Javascript
jquery实现简单拖拽效果
2020/07/20 jQuery
python实现探测socket和web服务示例
2014/03/28 Python
Python中三元表达式的几种写法介绍
2019/03/04 Python
Django接收照片储存文件的实例代码
2020/03/07 Python
keras.layer.input()用法说明
2020/06/16 Python
Urban Outfitters美国官网:美国生活方式品牌
2016/08/26 全球购物
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
上海方立数码笔试题
2013/10/18 面试题
超市5.1促销活动
2014/01/15 职场文书
社会实践活动报告
2015/02/05 职场文书
施工员岗位职责
2015/02/10 职场文书
学生退学证明
2015/06/23 职场文书
Pandas实现DataFrame的简单运算、统计与排序
2022/03/31 Python
SQL Server中的游标介绍
2022/05/20 SQL Server