zwhgithub / vue-swiper Goto Github PK

最后一张图片结束，展示第一张图片时，有时会出现白色的闪动

不想要循环播放

改变轮播的list数组时 会有缓存上一次的图片

请问有没有垂直滚动

直接手机扫码的demo，左右滑动图片，图片会闪跳一下再执行滑动效果

我在学习VUE总用到了您的插件，确实很不粗，但是提几点改进意见：1、可否增加参数配置，播放到最后一张图片是否从第一张循环播放；2、增加参数，配置同一块屏幕内露出前一张躲到，后一张多少。提一个小问题，组件对上下滑动不敏感，体验较差。个人意见，多有得罪。建议参考微信小程序的swiper，https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

想学习下源码，但是里面的变量和方法的命名，比如s,m, wh等让人不能直观的知道在干什么。

能不能解决下bug

请问横向轮播,怎么设置不让loop?
让它有第一页和最后一页

<Slide @click="clickMe" v-for="(item,index) in slidesReal" :key="index">
//添加click事件

往sliderReal里面添加一张图片，但是这张图片不能够直接进行轮播显示；slidesReal已经确认添加进图片了

您的这个轮播插件，我拿到项目里面，出现了一个问题，图片加载不出来(图片全部显示空白)，如果刷新页面，图片会闪烁一下，然后变空白，我想知道这个问题，出在了哪里，您遇到过这样的问题吗

底下导航点，点击无法切换tab

不支持 垂直方向滚动么，没看到相关配置

npm发布的包能不能是这个样子, 打包过后的包, 无法在ssr中使用呢

如何把底部点的分页方式换成数字形式的分页方式？
只有showIndicator可以设置吗？
想要自定义成数字形式的分页怎么操作呢

我想滑动时同时带动上面Tab的切换，所以需要传递当前slide的index

请求接口方式插入数据到swiperData，
会无法滑动也没有底部轮播点
观察内部的html 和写死的 区别在于
假定三张图轮播，请求的方式生产的Html 为 1 2 3
写死的html 为 3 1 2 3 1，
请问如何解决呢？

刷新页面就好了。需要增加重置轮播图的方法。

如题，如果不拉伸没问题，一拉伸就不行了。

这个能支持缩略图的效果吗？

动态加载 当图片只有一张的时候 还有左右切换的按钮 就是同一张图切换 有配置项可以关闭吗

作者大神你好，

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

目前没看到往右滑动的选项，我自己看看代码改看看

transtionend是每次轮播 index 变化后才监听到，有没有轮播开始变化时的监听方法。我在源码中只看到了transtionend，似乎没有了，希望能加上。

我直接设置它的background-color时没有反应，请问我应该如何覆盖它的color值呢？