vue纵向轮播图划一下进入下一页

要实现纵向轮播图的划一下进入下一页功能，可以使用Vue插件vue-awesome-swiper。下面是一个简单的实现方式：

1. 安装vue-awesome-swiper插件：

npm install vue-awesome-swiper --save

2. 在Vue组件中引入和使用：

<template>
  <swiper :options="swiperOption">
    <swiper-slide v-for="(item, index) in list" :key="index">
      <div>{{ item }}</div>
    </swiper-slide>
  </swiper>
</template>

<script>
import { swiper, swiperSlide } from 'vue-awesome-swiper'

export default {
  components: {
    swiper,
    swiperSlide
  },
  data() {
    return {
      list: ['1', '2', '3', '4', '5'], // 轮播图数据
      swiperOption: { // Swiper配置
        direction: 'vertical', // 纵向轮播
        slidesPerView: 'auto', // 显示多少个轮播项
        spaceBetween: 10 // 轮播项之间的间距
      }
    }
  }
}
</script>

3. 在样式表中添加相关样式：

.swiper-container {
  height: 100%; // 设置轮播图容器高度，让轮播项纵向排列
}

.swiper-slide {
  height: auto; // 设置轮播项高度自适应，不会固定高度
}

这样就可以实现纵向轮播图的划一下进入下一页功能了。