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


Posted in Javascript onSeptember 27, 2018

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

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

放在初始化事件中去:

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

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

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

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

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

Javascript 相关文章推荐
jquery简单的拖动效果实现原理及示例
Jul 26 Javascript
jquery 缓存问题的几个解决方法
Nov 11 Javascript
优化javascript的执行效率一些方法总结
Dec 25 Javascript
JS弹出对话框实现方法(三种方式)
Dec 18 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
May 07 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
Oct 29 Javascript
js+html5实现页面可刷新的倒计时效果
Jul 15 Javascript
详解使用路由延迟加载 Angular 模块
Oct 12 Javascript
Vue.js划分组件的方法
Oct 29 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
Feb 22 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
Taro小程序自定义顶部导航栏功能的实现
Dec 17 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
fleaphp crud操作之find函数的使用方法
2011/04/23 PHP
PHP中设置时区方法小结
2012/06/03 PHP
php中函数前加&符号的作用分解
2014/07/08 PHP
php 魔术常量详解及实例代码
2016/12/04 PHP
PHP输出Excel PHPExcel的方法
2018/07/26 PHP
动态添加js事件实现代码
2009/03/12 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
2014/06/09 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
Javascript的表单验证长度
2016/03/16 Javascript
最丑的时钟效果!js canvas时钟制作方法
2016/08/15 Javascript
Boostrap实现的登录界面实例代码
2016/10/09 Javascript
Vue.js Ajax动态参数与列表显示实现方法
2016/10/20 Javascript
浅谈ES6新增的数组方法和对象
2017/08/08 Javascript
记录一篇关于redux-saga的基本使用过程
2018/08/18 Javascript
bootstrap table表格插件之服务器端分页实例代码
2018/09/12 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
2019/04/17 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
微信公众号服务器验证Token步骤图解
2019/12/30 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
2020/03/14 Javascript
详解如何修改 node_modules 里的文件
2020/05/22 Javascript
Vue切换div显示隐藏,多选,单选代码解析
2020/07/14 Javascript
基于python cut和qcut的用法及区别详解
2019/11/22 Python
python生成并处理uuid的实现方式
2020/03/03 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
python获取时间戳的实现示例(10位和13位)
2020/09/23 Python
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
Under Armour澳大利亚官网:美国知名的高端功能性运动品牌
2018/02/22 全球购物
德国内衣、泳装和睡衣网上商店:Bigsize Dessous
2018/07/09 全球购物
法国女性内衣购物网站:Glamuse
2019/05/13 全球购物
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
艺术专业大学生自我评价
2013/09/22 职场文书
2014年师德师风工作总结
2014/11/25 职场文书
2014年内部审计工作总结
2014/12/09 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
90条交通安全宣传标语
2019/10/12 职场文书