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


Posted in Javascript onSeptember 27, 2018

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

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

放在初始化事件中去:

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

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

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

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

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

Javascript 相关文章推荐
jquery增加时编辑jqGrid(实例代码)
Nov 08 Javascript
三种检测iPhone/iPad设备方向的方法
Apr 23 Javascript
javascript设置页面背景色及背景图片的方法
Dec 29 Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 Javascript
jQuery操作之效果详解
May 19 jQuery
JS实现前端缓存的方法
Sep 21 Javascript
基于webpack 实用配置方法总结
Sep 28 Javascript
AngularJS中controller控制器继承的使用方法
Nov 03 Javascript
layui之select的option叠加问题的解决方法
Mar 08 Javascript
QRCode.js二维码生成并能长按识别
Oct 16 Javascript
解决LayUI数据表格复选框不居中显示的问题
Sep 25 Javascript
JavaScript语法约定和程序调试原理解析
Nov 03 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实现12306火车票余票查询和价格查询(12306火车票查询)
2014/01/14 PHP
textarea中的手动换行处理的jquery代码
2011/02/26 Javascript
javascript 判断中文字符长度的函数代码
2012/08/27 Javascript
jquery如何扑捉回车键触发的事件
2014/04/24 Javascript
JavaScript原生对象之Number对象的属性和方法详解
2015/03/13 Javascript
vue.js项目中实用的小技巧汇总
2017/11/29 Javascript
Angular中点击li标签实现更改颜色的核心代码
2017/12/08 Javascript
微信小程序实现列表下拉刷新上拉加载
2020/07/29 Javascript
js统计页面上每个标签的数量实例代码
2018/05/29 Javascript
nodejs读取本地中文json文件出现乱码解决方法
2018/10/10 NodeJs
PM2自动部署代码步骤流程总结
2018/12/10 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
2019/05/09 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
js实现微信聊天界面
2020/08/09 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
2020/09/09 Javascript
JS实现购物车基本功能
2020/11/08 Javascript
python中元类用法实例
2014/10/10 Python
详解Python中break语句的用法
2015/05/14 Python
Python实现字符串格式化输出的方法详解
2017/09/20 Python
Python制作exe文件简单流程
2019/01/24 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
分析运行中的 Python 进程详细解析
2019/06/22 Python
基于python3实现倒叙字符串
2020/02/18 Python
Python如何给你的程序做性能测试
2020/07/29 Python
详解Python openpyxl库的基本应用
2021/02/26 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
html5使用window.postMessage进行跨域实现数据交互的一次实战
2021/02/24 HTML / CSS
美国在线眼镜商城:Eyeglasses.com
2017/06/26 全球购物
3的组成教学反思
2014/04/30 职场文书
党的群众路线教育实践活动领导班子整改方案
2014/10/25 职场文书
秋季运动会开幕词
2015/01/28 职场文书
致地震灾区的慰问信
2015/03/23 职场文书
2015年节能降耗工作总结
2015/05/22 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书
python_tkinter弹出对话框创建
2022/03/20 Python
vue实现列表拖拽排序的示例代码
2022/04/08 Vue.js