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


Posted in Javascript onSeptember 27, 2018

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

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

放在初始化事件中去:

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

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

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

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

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

Javascript 相关文章推荐
从零开始学习jQuery (八) 插播:jQuery实施方案
Feb 23 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
Mar 13 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
Apr 16 Javascript
6种javascript显示当前系统时间代码
Dec 01 Javascript
javascript实现起伏的水波背景效果
May 16 Javascript
js 自带的sort() 方法全面了解
Aug 16 Javascript
ionic组件ion-tabs选项卡切换效果实例
Aug 27 Javascript
移动开发之自适应手机屏幕宽度
Nov 23 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
Dec 25 Javascript
JavaScript监听手机物理返回键的两种解决方法
Aug 14 Javascript
vue-cli中的babel配置文件.babelrc实例详解
Feb 22 Javascript
vue脚手架及vue-router基本使用
Apr 09 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
怎么样可以把 phpinfo()屏蔽掉?
2006/11/24 PHP
thinkphp的CURD和查询方式介绍
2013/12/19 PHP
在Mac OS上自行编译安装Apache服务器和PHP解释器
2015/12/24 PHP
PHP缓存工具XCache安装与使用方法详解
2018/04/09 PHP
给Function做的OOP扩展
2009/05/07 Javascript
file模式访问网页时iframe高度自适应解决方案
2013/01/16 Javascript
浅析JavaScript中的常用算法与函数
2013/11/21 Javascript
浅析js预加载/延迟加载
2014/09/25 Javascript
javascript实现无限级select联动菜单
2015/01/02 Javascript
javascript中关于&& 和 || 表达式的小技巧分享
2015/04/10 Javascript
jquery+html5制作超酷的圆盘时钟表
2015/04/14 Javascript
jQuery对JSON数据进行排序输出的方法
2015/06/24 Javascript
JavaScript数组去重的五种方法
2015/11/05 Javascript
微信扫码支付零云插件版实例详解
2017/04/26 Javascript
Node.js原生api搭建web服务器的方法步骤
2019/02/15 Javascript
Node.js API详解之 zlib模块用法分析
2020/05/19 Javascript
vue 导航锚点_点击平滑滚动,导航栏对应变化详解
2020/08/10 Javascript
vue项目中js-cookie的使用存储token操作
2020/11/13 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
2020/12/17 Vue.js
JS中锚点链接点击平滑滚动并自由调整到顶部位置
2021/02/06 Javascript
Python 3.6 读取并操作文件内容的实例
2018/04/23 Python
python+influxdb+shell编写区域网络状况表
2018/07/27 Python
python3 配置logging日志类的操作
2020/04/08 Python
浅析Python 字符编码与文件处理
2020/09/24 Python
马来西亚太阳镜、眼镜和隐形眼镜网上商店:Focus Point
2018/12/13 全球购物
2014年健康教育实施方案
2014/02/17 职场文书
21岁生日感言
2014/02/27 职场文书
施工员岗位职责
2014/03/16 职场文书
团日活动总结
2014/04/28 职场文书
骨干教师考核方案
2014/05/09 职场文书
夏季药店促销方案
2014/08/22 职场文书
统计学教授推荐信
2014/09/18 职场文书
银行求职信范文
2019/05/13 职场文书
Python基于Tkinter开发一个爬取B站直播弹幕的工具
2021/05/06 Python
Python作用域和名称空间的详细介绍
2022/04/13 Python
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL