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

亚连
リリース: 2018-06-05 14:18:14
オリジナル
2507 人が閲覧しました

ここで、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 サイトの他の関連記事を参照してください。

関連ラベル:
vue
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート