私は使用していますVuetifyJSフレームワーク VueJSの場合、WhatsApp for Androidが使用するタブ間のスワイプを複製したいと思います。
WhatsAppを左または右にスワイプすると、新しいセクションが表示されます
while
スワイプする。
VuetifyJSでは、タブのコンテンツは表示されません
until
スワイプを終了しました。
これまでのCodePenの例を作成しました。
https://codepen.io/anon/pen/GdbxoL?&editors=101
タブの内容を表示する方法ながら それにスワイプ?
回答 1 件
関連した質問
- Vuejsを使用したボタンクリックでデフォルトの防止オプションを使用できません
- Vue:アクションが実行されていないときにボタンを非表示にする
- フィルタ付きのVueテンプレートで三項演算子を使用するにはどうすればよいですか?
- Vue:ローカルストレージからユーザー情報にアクセスする方法
- Vue:コンポーネントにCSSファイルとJSファイルをロードするにはどうすればよいですか?
- VueおよびVuetifyの動的コンテンツ内でレンダリングされない画像ソース
- vuetifyでvuejsビルドサイズを減らす方法は?
- npmパッケージをnuxtjsに追加できません[vue-star-rating]
- 複数の型と型付き配列を使用したVuejsプロップ検証
- 特定のアコーディオンを切り替える関数にv-modelを渡す方法はありますか?
を使用する必要がありますv-touch スワイプジェスチャをキャプチャするためのディレクティブ。メソッドを実行して次のタブまたは前のタブに移動できます。
編集: これは、タブでv-touchディレクティブを使用する例です
JS
ここでライブデモを見ることができますが、モバイルデバイスから開く必要があります。マウスでのスワイプは機能しません。