最近写项目用到了swiper插件,说实话,swiper不是第一次用了,体验还是很棒的,但这次项目里,却遇到了一些问题,在这里记录下来,希望看到的小伙伴们不会像我一样踩雷。
问题一:swiper无效
平常都是这样写的:
但不知道为啥,突然就不行了。
检查了一下:插件已经引入,html元素类名没有问题,js里没有写错字母
最后折腾了好久,加了个定时器完事了。
改成了这种:
网上的解释是:swiper代码运行速度太快导致找不到元素从而无效.....
感觉很有道理,就是不知道为啥以前没问题,这次遇到问题了。
问题二:swiper里面的分页器无效
swiper里面有个属性 pagination,是用来制作分页器的,这次同样遇到了问题
以往的写法:
这次项目里轮播图上的分页突然就不显示了,看了看dom结构,发现根本没有那些节点,也就是说,pagination没起效果。
又是一番检查:插件已经引入,html元素类名没有问题,js里没有写错字母
后来在VUE调用swiper的一篇博客里发现了pagination的另一种写法:
查了查,发现pagination后面跟对象是版本4~7的写法,pagination后面跟字符串的写法,只在swiper插件3以及3以下的版本才会用的,这就很无奈了....
emmm暂时就遇到了这两个问题,以后有的话再补充!