3回答

好帮手慕夭夭

2020-01-17

已采纳

同学你好，是因为配置中，有一个单词拼错，如下修改：

改为slidesPerView

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0

慕婉清9255496

提问者

2020-01-17

<template>
  <swiper :options="swiperOption">
    <swiper-slide>
      <slot></slot>
    </swiper-slide>
    <div class="swiper-scrollbar" v-if="scrollbar" slot="scrollbar"></div>
  </swiper>
</template>

<script>
  import {swiper, swiperSlide} from 'vue-awesome-swiper';
  export default {
    name: 'MeScroll',
    components: {
      swiper,
      swiperSlide
    },
    props: {
      scrollbar: {
        type: Boolean,
        default: true
      }
    },
    data() {
      return {
        swiperOption: {
          direction: 'vertical',
          sliderPerView: 'auto',
          freeMode: true,
          setWrapperSize: true,
          scrollbar: {
            el: this.scrollbar ? '.swiper-scrollbar' : null,
            hide: true
          }
        }
      };
    }
  };
</script>

<style lang="scss" scoped>
  .swiper-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    height: auto;
  }
</style>

0

好帮手慕夭夭

2020-01-17

同学你好，请把项目中自己写的代码都粘贴到问答区，以便老师定位问题。

祝学习愉快！

0