swiper在vue中写轮播

https://www.cnblogs.com/xiaobai-y/p/10563517.html
https://www.cnblogs.com/fubinbin/p/9938528.html

一、安装swiper npm install swiper
二、引入js文件 import Swiper from "swiper";
三、在main.js引入css文件 import 'swiper/dist/css/swiper.min.css';
四、在需要播放的组件中的mounted
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
paginationClickable: true,
spaceBetween: 30,
centeredSlides: true,
autoplay: 2500,
autoplayDisableOnInteraction: false
});

全部评论

相关推荐

07-09 12:12
门头沟学院 Java
5月底投简历7月初开奖收获秋招第一个offer,虽然白菜价,但至少能保底了
土木转行ing:土木博士想转图像,最后拿了 tp 提前批 sp 最低档,感觉性价比不高
TP-LINK开奖132人在聊
点赞 评论 收藏
分享
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务