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


Posted in Javascript onSeptember 27, 2018

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

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

放在初始化事件中去:

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

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

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

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

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

Javascript 相关文章推荐
javascript操作cookie的文章(设置,删除cookies)
Apr 01 Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
Jan 07 Javascript
浅谈 jQuery 事件源码定位问题
Jun 18 Javascript
node.js中Socket.IO的进阶使用技巧
Nov 04 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
Apr 27 Javascript
jquery实现的美女拼图游戏实例
May 04 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
Dec 03 Javascript
Js+Ajax,Get和Post在使用上的区别小结
Jun 08 Javascript
微信小程序Redux绑定实例详解
Jun 07 Javascript
解决修复npm安装全局模块权限的问题
May 17 Javascript
基于JavaScript canvas绘制贝塞尔曲线
Dec 25 Javascript
微信小程序 数据缓存实现方法详解
Aug 26 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之规范编程命名小结
2013/05/15 PHP
php 邮件发送问题解决
2014/03/22 PHP
使用PHP+AJAX让WordPress动态加载文章的教程
2015/12/11 PHP
php实现HTML实体编号与非ASCII字符串相互转换类实例
2016/11/02 PHP
prototype 源码中文说明之 prototype.js
2006/09/22 Javascript
Javascript中的var_dump函数实现代码
2009/09/07 Javascript
提交表单时执行func方法实现代码
2013/03/17 Javascript
JavaScript验证图片类型(扩展名)的函数分享
2014/05/05 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
2016/10/27 Javascript
angular.js 路由及页面传参示例
2017/02/24 Javascript
vue 里面使用axios 和封装的示例代码
2017/09/01 Javascript
vue用addRoutes实现动态路由的示例
2017/09/15 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
2018/04/18 jQuery
vue组件name的作用小结
2018/05/23 Javascript
详解javascript 正则表达式之分组与前瞻匹配
2018/05/30 Javascript
vue webpack打包后图片路径错误的完美解决方法
2018/12/07 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
2019/06/13 Javascript
浅谈Layui的eleTree树式选择器使用方法
2019/09/25 Javascript
小程序开发之模态框组件封装
2020/04/23 Javascript
[03:01]DOTA2英雄基础教程 露娜
2014/01/07 DOTA
[01:09]2014DOTA2国际邀请赛 TI4西雅图DOTA2 中国美女coser加油助威
2014/07/20 DOTA
python实现的各种排序算法代码
2013/03/04 Python
Python闭包实现计数器的方法
2015/05/05 Python
Python工程师面试题 与Python基础语法相关
2016/01/14 Python
深入浅出分析Python装饰器用法
2017/07/28 Python
Python 用三行代码提取PDF表格数据
2019/10/13 Python
python统计字符串中字母出现次数代码实例
2020/03/02 Python
PyQt5实现画布小程序
2020/05/30 Python
使用css3实现的tab选项卡代码分享
2014/12/09 HTML / CSS
美国专注于健康商品的网站:eVitamins
2017/01/23 全球购物
菲律宾酒店预订网站:Hotels.com菲律宾
2017/07/12 全球购物
HomeAway英国:全球领先的度假租赁在线市场
2020/02/03 全球购物
党支部特色活动方案
2014/08/20 职场文书
观看建国大业观后感
2015/06/01 职场文书
话题作文之成长
2019/12/09 职场文书
MySQL系列之二 多实例配置
2021/07/02 MySQL