vue使用swiper插件做垂直轮播图
1.下载安装 cnpm install swiper vue-awesome-swiper --save
2.main.js：
import Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'
import "swiper/swiper-bundle.min.css";
Vue.use(VueAwesomeSwiper)
//配置分页器
import {Swiper as SwiperClass,Pagination} from 'swiper';
SwiperClass.use([Pagination]);
3.vue页面：
slide 1slide 2slide 3
效果图：
注：我安装的当前版本是"swiper": “^7.3.3”,“vue-awesome-swiper”: “^4.1.1”,
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！