vue-awesome-swiper，设置的水平滑动，两个slide上下垂直出现，可以水平滑动但第二页为空

Question

<template>     <swiper :options="swiperOption">         <swiper-slide>             <h3 align="center" style="color:#FFFFFF"><   本周收入(金币)   ></h3>         </swiper-slide>         <swiper-slide>2</swiper-slide>         <div class="swiper-pagination" slot="pagination"></div>     </swiper> </template> <script> import Vue from 'vue' import {swiper,swiperSlide} from 'vue-awesome-swiper' import myschart from './my-Schart.vue'; export default {     name: 'carrousel',     data() {         return {             swiperOption: {                 autoplay: 3000,                 direction: 'horizontal',                 pagination: '.swiper-pagination',                 observeParent: true             }         }     },   components: { myschart, swiper, swiperSlide } } </script> <style> </style>另外上面的空白条该如何去掉呢？body的margin和padding已经设为0，在app.vue里引入的背景图片

Answer 1

已经解决了吗请问

Answer 2

我也遇到了这个问题，你只需要把版本改成这个就行了   "vue-awesome-swiper": "^2.5.4",