ホームページ  >  記事  >  ウェブフロントエンド  >  Vueで指によるスライドを実装する方法

Vueで指によるスライドを実装する方法

亚连
亚连オリジナル
2018-06-05 14:18:142447ブラウズ

ここで、Vue ルーティング ページ間を指でスライドする方法を共有します。これは良い参考値であり、皆さんの役に立つことを願っています。

問題の説明: 指で vue ルーティング ページ間をスライドする方法

解決策:

1. ダウンロード依存関係: npm intall vue-touch --save -D

2. タグを追加します。スライドする必要があるページへ ページ上に何かを書き込む場合は、v-touch を使用して他のタグを囲むことができます。 v-touch class="controller" v-on:swipeleft="onSwipeLeft" v-on:swiperight="onSwipeRight">

3. それぞれのメソッドをメソッド

onSwipeLeft(){ に記述します。 。 。 。 。 。 。 }、

onSwipeRight() {. 。 。 。 。 。 。 }

上記は皆さんのためにまとめたもので、今後皆さんのお役に立てれば幸いです。

関連記事:

js関数関連の詳しい解釈


jQueryのisPlainObject()の使い方は何ですか?


Elememt-UI を使用して Vue で管理バックエンドを構築する (詳細なチュートリアル)



以上がVueで指によるスライドを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。