一个vue文件内，添加多个swiper会出问题吗？

[unssnu]

作者大神你好，

我目前用本地静态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;
  }

[zwhGithub]

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

[unssnu]

耶~确实好了，非常感谢！！！不过好像console.log了一些代码？：P