zwhGithub/vue-swiper

一个vue文件内,添加多个swiper会出问题吗?

unssnu opened this issue · 2 comments

作者大神你好,

我目前用本地静态img测试,在同一个vue文件内,第一个轮播动画乱了,第二个无法播放,小圆点数量也double了

想请教下,是否这个组件暂时还不支持多个使用?或者用v-for动态数据就好了?谢谢~新年快乐

HTML:

     <div class="swiper-wrapper">
        <Swiper v-if="list.length > 0" interval="5000" duration="1000">
          <Slide v-for="(item,index) in list" :key="index">
            <img :src="item.img">
          </Slide>
        </Swiper>
      </div>

JS:

data(){
      return{
        list:[
          {img: require('static/img/02.png')},
          {img: require('static/img/03.png')},
          {img: require('static/img/04.png')},
          {img: require('static/img/05.png')},
          {img: require('static/img/06.png')},
        ]
      }
    }

CSS:

.swiper-wrapper{
    padding: 0 10px;
  }
  /*小圆点顶下去*/
  .wh_content /deep/{
    padding-bottom: 56px;
  }
  /*小圆点的样式*/
  .wh_content /deep/ .wh_show_bgcolor {
    background: $font;
  }

确实会出现问题 , 前几天太忙了没怎么看到 ,现在修复好了! 有问题在联系哦~

耶~确实好了,非常感谢!!!不过好像console.log了一些代码?:P