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


Posted in Javascript onSeptember 27, 2018

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

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

放在初始化事件中去:

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

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

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

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

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

Javascript 相关文章推荐
浅谈JS中逗号运算符的用法
Jun 12 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
Jul 27 Javascript
JavaScript省市区三级联动菜单效果
Sep 21 Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
Feb 19 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
Dec 25 jQuery
vue实现简单loading进度条
Jun 06 Javascript
vue中实现左右联动的效果
Jun 22 Javascript
快速解决bootstrap下拉菜单无法隐藏的问题
Aug 10 Javascript
Vue 开发必须知道的36个技巧(小结)
Oct 09 Javascript
js 实现watch监听数据变化的代码
Oct 13 Javascript
解决vue-router 二级导航默认选中某一选项的问题
Nov 01 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
ThinkPHP3.1新特性之多数据库操作更加完善
2014/06/19 PHP
老生常谈PHP面向对象之标识映射
2017/06/21 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
js类中获取外部函数名的方法与代码
2007/09/12 Javascript
读jQuery之四(优雅的迭代)
2011/06/20 Javascript
浅谈Javascript的静态属性和原型属性
2015/05/07 Javascript
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
JavaScript电子时钟倒计时第二款
2016/01/10 Javascript
jQuery插件支持同一页面被多次调用
2016/02/14 Javascript
原生js实现简单的链式操作
2017/07/04 Javascript
Vue 仿QQ左滑删除组件功能
2018/03/12 Javascript
vue实现一个炫酷的日历组件
2018/10/08 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
2019/08/07 Javascript
js实现随机点名程序
2020/09/17 Javascript
有趣的JavaScript隐式类型转换操作实例分析
2020/05/02 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
2020/08/14 Javascript
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
vue-video-player 断点续播的实现
2021/02/01 Vue.js
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
2013/12/06 Python
Python Matplotlib库入门指南
2015/05/18 Python
Python对列表去重的多种方法(四种方法)
2017/12/05 Python
详解python的ORM中Pony用法
2018/02/09 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
pygame游戏之旅 游戏中添加显示文字
2018/11/20 Python
利用python实现AR教程
2019/11/20 Python
python shutil文件操作工具使用实例分析
2019/12/25 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
联想澳大利亚官网:Lenovo Australia
2018/01/18 全球购物
社区工作感言
2014/02/21 职场文书
租房协议书
2014/09/12 职场文书
表扬信格式模板
2015/05/05 职场文书
海上钢琴师观后感
2015/06/03 职场文书
2015年国庆节广播稿
2015/08/19 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书
Java 数组内置函数toArray详解
2021/06/28 Java/Android
用Python爬取英雄联盟的皮肤详细示例
2021/12/06 Python