Vue-awesome-swiper: 【点击事件bug 无效】当swiper元素只有一个时

[softshield]

【点击事件bug 无效】当swiper元素只有一个，并且开启循环滑动，滑动过后子元素的点击事件就失效了。
代码：

  <swiper :options="swiperOption" ref="mySwiper" v-if="recordList.length>0">
      <swiper-slide v-for="(item, index) in recordList" :key="index">

        <div class="bottom-card">
          <div class="item-attr" @click="goDetail(item)">
            <span class="item-label">详情</span><span class="item-value">…</span>
          </div>
        </div>

      </swiper-slide>
    </swiper>
    <div class="swiper-pagination "></div>

swiperOption: {
          loop: true,
          pagination: {el: '.swiper-pagination'}
        }

goDetail 事件在不翻动的情况下是有效的，只要翻动就无效了。

[mexhfl]

我也遇到了这样的问题，请问解决了吗？

[softshield]

我也遇到了这样的问题，请问解决了吗？

没解决，我直接用VUX 的 swiper了，不过滑动效果稍微差点

[wotermelon]

开启loop之后，自动轮播到第一个，没法点击

[wotermelon]

已解决，通过监听swiper的click事件。动态取realIndex来判断点击的是哪个轮播页

[Hedgehogking]

这个问题，估计是因为开启loop，直接复制了dom，而不是复制vue里面的数组，导致dom没有挂载到virtual dom的事件，我打算用官网的方法了 https://swiperjs.com/api/#virtual-example

[Hedgehogking]

这个问题，估计是因为开启loop，直接复制了dom，而不是复制vue里面的数组，导致dom没有挂载到virtual dom的事件，我打算用官网的方法了 https://swiperjs.com/api/#virtual-example

很抱歉，最后发现，virtual slides 不支持loop 模式😂

Note that according to Virtual Slides realization it doesn't work with loop mode, slidesPerColumn more than 1 and slidesPerView: 'auto'

[surmon-china]

Swiper 的 loop mode 需要首尾复制一定量的 DOM 实现循环，但复制的 DOM 并没有绑定和源元素一致的事件；

vue-awesome-swiper 在内部针对 Swiper 实现了 event listen，使用方式：

<swiper @click-slide="doSomething" />

在 loop mode 下依旧可用，此 feature 将会发布在 v4.0.0 版本，目前可以在 Swiper5 分支看到对应代码。

[Hedgehogking]

Swiper 的 loop mode 需要首尾复制一定量的 DOM 实现循环，但复制的 DOM 并没有绑定和源元素一致的事件；

vue-awesome-swiper 在内部针对 Swiper 实现了 event listen，使用方式：

<swiper @click-slide="doSomething" />

在 loop mode 下依旧可用，此 feature 将会发布在 v4.0.0 版本，目前可以在 Swiper5 分支看到对应代码。

这是新的提交，我怎么应用到项目中呢，fork吗😂还是package.json直接引用你github地址😂

[surmon-china]

Swiper 的 loop mode 需要首尾复制一定量的 DOM 实现循环，但复制的 DOM 并没有绑定和源元素一致的事件；

vue-awesome-swiper 在内部针对 Swiper 实现了 event listen，使用方式：

```

```

在 loop mode 下依旧可用，此 feature 将会发布在 v4.0.0 版本，目前可以在 Swiper5 分支看到对应代码。

这是新的提交，我怎么应用到项目中呢，fork吗😂还是package.json直接引用你github地址😂

等待新版发布后更新，就在本周内。

[surmon-china]

v4.0.0-rc.0 released!

最新文档包含 feature @click-slide.

[Hedgehogking]

v4.0.0-rc.0 released!

最新文档包含 feature @click-slide.

真棒👍，辛苦了👏