使用vue-awesome-swiper 如何上下滚动

使用vue-awesome-swiper实现上下滚动的方法如下： 1.在template中添加swiper组件，并设置direction为vertical（垂直方向）。 2.在data中添加swiperOption对象，设置direction为vertical，同时设置其他需要的参数，例如autoplay等。 3.在mounted生命周期中初始化swiper，使用this.$refs.swiper.$swiper即可获取swiper实例，然后调用update方法更新swiper。 4.在样式中设置swiper-container的高度为需要的高度即可。 代码示例： ``` <template> <div class="swiper-container" ref="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item, index) in list" :key="index">{{ item }}</div> </div> </div> </template> <script> import 'swiper/css/swiper.css' import { swiper, swiperSlide } from 'vue-awesome-swiper' export default { components: { swiper, swiperSlide }, data() { return { list: ['第一条数据', '第二条数据', '第三条数据'], swiperOption: { direction: 'vertical', autoplay: true } } }, mounted() { this.$refs.swiper.$swiper.update() } } </script> <style> .swiper-container { height: 200px; } </style> ```