Vue在同一个页面制作多个轮播图

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue在同一个页面制作多个轮播图相关的知识,希望对你有一定的参考价值。

参考技术A

其实很简单,只需要为每个轮播图设置不同的class类和不同的options名即可。

实现的效果图:

因为第二个轮播图是左右滑动,可能会报下面的错:
这是因为封装好的swiper.js文件中有一个默认事件,
e.preventDefault() 只要注释掉该事件即可。
————————————————
以上是摘自我的博客,顺便帮我的博客引流,哈哈哈~
原文链接: https://blog.csdn.net/weixin_43332684/article/details/107424702

以上是关于Vue在同一个页面制作多个轮播图的主要内容,如果未能解决你的问题,请参考以下文章

react-native构建基本页面1---轮播图+九宫格

swiper轮播图自动播放速度太快

vue-swipe轮播图

这周用到的圆形轮播插件 mislider.js

用vue写一个轮播图效果

轮播图测试点