使用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>