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


Posted in Javascript onSeptember 27, 2018

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

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

放在初始化事件中去:

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

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

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

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

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

Javascript 相关文章推荐
个人总结的一些关于String、Function、Array的属性和用法
Jan 10 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 Javascript
Jquery显示、隐藏元素以及添加删除样式
Aug 09 Javascript
解析页面加载与js函数的执行 onload or ready
Dec 12 Javascript
用js将内容复制到剪贴板兼容浏览器
Mar 18 Javascript
jquery form 隐藏的input 选择
Apr 29 Javascript
在Javascript中处理字符串之big()方法的使用
Jun 08 Javascript
微信小程序授权获取用户详细信息openid的实例详解
Sep 20 Javascript
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
js中call()和apply()改变指针问题的讲解
Jan 17 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
Jun 07 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 SQL防注入代码集合
2008/04/25 PHP
PHP 将数组打乱 shuffle函数的用法及简单实例
2016/06/17 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
详解PHP中foreach的用法和实例
2016/10/25 PHP
一个高效的JavaScript压缩工具下载集合
2007/03/06 Javascript
jquery插件之easing 动态菜单
2010/08/21 Javascript
js获取日期:昨天今天和明天、后天
2014/06/11 Javascript
Nodejs中调用系统命令、Shell脚本和Python脚本的方法和实例
2015/01/01 NodeJs
在JavaScript中处理时间之getHours()方法的使用
2015/06/10 Javascript
JavaScript如何实现对数字保留两位小数一位自动补零
2015/12/18 Javascript
理解javascript中的MVC模式
2016/01/28 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
JS实现环形进度条(从0到100%)效果
2016/07/05 Javascript
基于jQuery实现淡入淡出效果轮播图
2020/07/31 Javascript
值得学习的bootstrap fileinput文件上传工具
2016/11/08 Javascript
Angular模板表单校验方法详解
2017/08/11 Javascript
vue-cli webpack 引入swiper的操作方法
2018/09/15 Javascript
利用JS代码自动删除稿件的普通弹幕功能
2019/09/20 Javascript
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
2020/04/07 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
2020/05/19 jQuery
python记录程序运行时间的三种方法
2017/07/14 Python
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
python广度优先搜索得到两点间最短路径
2019/01/17 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
Sperry官网:帆船鞋创始品牌
2016/09/07 全球购物
大学生毕业自我鉴定范文
2014/02/03 职场文书
乡镇党建工作汇报材料
2014/08/14 职场文书
2014年单位法制宣传日活动总结
2014/11/01 职场文书
2014年便民服务中心工作总结
2014/12/20 职场文书
聘任通知书
2015/09/21 职场文书
幼儿园中班教学反思
2016/03/03 职场文书
中学教代会开幕词
2016/03/04 职场文书
适合青年人白手起家的创业项目分享
2019/08/16 职场文书
话题作文之成长
2019/12/09 职场文书