0

onTouchStart イベント ハンドラーで SwiperJSからアクティブな要素でこのぼかし呼び出しを無効にすることは可能ですか?

背景:
タッチ デバイスとデスクトップ デバイスの場合、swiper-slides のフォームに swiper を使用しています。フォーム内でvue-select (コンボボックス) を使用しています。
問題: ユーザーがエントリを選択すると、エントリは 1 回目では選択されず、2 回目では選択されません。

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <div>First form</div>
      <v-select :options="selectionEntries"></v-select>
    </div>
    <div class="swiper-slide">
      <div>Second form</div>
      <v-select :options="selectionEntries"></v-select>
    </div>
  </div>
</div>

codepen のこの例も参照してください

正しく動作しているように見えることがわかりました:

  • vue-select ボックスの入力フィールドで blur-listener を削除すると。ただし、ユーザーがフィールドを離れたときに選択リストを閉じるために使用されます。
  • SwiperJS でこのぼかし呼び出しをコメントアウトすると。なぜそこで使われるのかはわかりません。

最初のポイントはオプションではないので、設定で SwiperJS のぼかし呼び出しを無効にすることは可能ですか?

4

1 に答える 1