SSENSE/vue-carousel

Feature Request: emit separate events for click and swipe

Open

#269 opened on 2018年8月21日

GitHub で見る
 (3 comments) (1 reaction) (0 assignees)JavaScript (1,705 stars) (513 forks)batch import
featuregood first issuehelp wanted

説明

Hello there and thanks for your awesome library!

I'm trying to handle following case. I have a product gallery, and I want to be able to know when user clicked on a slide (then I want to redirect user to product page) and when user just swipes to next photo.

Didn't manage to do this. Tried different variations. The best I could do is to apply pointer-events: none to wrapper div, which completely disabled swipe, but this is not exactly what I wanted.

P.S. I put @click on carousel component, tried also to put on slide, the click event didn't fire at all.

Thanks in advance

コントリビューターガイド

技術スタック
vuejavascript
領域
frontend
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
Vue.js basicsevent handling in Vue
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
50
調査方針
Examine the carousel component's current event emission in the source code (likely in Carousel.vue or similar). Identify where click and touch/swipe events are handled. The goal is to emit separate events like 'click' and 'swipe' instead of the combined 'slide click' or similar. Check existing comments and documentation for any design decisions. Implement a solution that distinguishes between a click (short tap) and a swipe (drag) by measuring touch duration and movement distance.
Feature Request: emit separate events for click and swipe · SSENSE/vue-carousel#269 | Good First Issue