博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-awesome-swiper
阅读量:7094 次
发布时间:2019-06-28

本文共 558 字,大约阅读时间需要 1 分钟。

Vue项目如果要做轮播类型的项目,也可以用swiper,只是不要像原来在jquery方式下直接new swiper(),因为你那样用了,没法做到打开自动播放,所以网上会出现好多vue项目在问,为什么swiper不能自动播放。事实上,我们可以用swiper为vue做的组件“vue-awesome-swiper”,其配置基本与普通swiper的一致,不同的是,和vue的思想一致,数据改变引起swiper实例的变化,尽量避免去直接操作dom.除此之外,多了个notNextTick配置项
获取swiper实例可以这样写:

computed: {swiper() {return this.$refs.mySwiper.swiper}methods(){a(){//用swiper实例this.swiper}}

如果直接在a方法中用this.$refs.mySwiper.swiper,会有点区别(?)

更详细的内容参见:http://blog.csdn.net/heliumlau/article/details/71085593

还有一点,你在你的css里需要引入swiper的css,不然没法滚动。

转载于:https://www.cnblogs.com/xiaochongchong/p/7762179.html

你可能感兴趣的文章
[转载]从业务运维转到产品经理,我摸爬滚打的产品之路
查看>>
比较正在使用的域名 和顶层窗口的域名
查看>>
Gitlab - Mac本机访问VirtualBox上搭建的Gitlab
查看>>
Bootstrap的Model源码详细注释 (转)
查看>>
java采用jxl写入一个Excel文件
查看>>
1171:大整数的因子
查看>>
传说中的数据结构 栈
查看>>
结对-结对编项目作业名称-设计文档
查看>>
Cesium 获取当前视图范围
查看>>
javascript基础
查看>>
加快普及智能家居DIY功能更受青睐
查看>>
python成长之路八 -- 内置函数
查看>>
【框架学习与探究之定时器--Quartz.Net 】
查看>>
Date 与 SimpleDateFormat
查看>>
C++ 11 创建和使用 unique_ptr
查看>>
文件的空间使用和IO统计
查看>>
软件产品评价
查看>>
2015 多校联赛 ——HDU5349(水)
查看>>
Golang的一些学习
查看>>
权谋残卷
查看>>