vue2.0 のスワイパー コンポーネントを使用してカルーセルを実装する (詳細なチュートリアル)

亚连
リリース: 2018-06-01 16:30:35
オリジナル
2303 人が閲覧しました

ここで、vue2.0 を使用してスワイパー コンポーネントを使用してカルーセルを実装するサンプル コードを共有します。これは良い参考値であり、皆さんの役に立つことを願っています。

1. スワイパーをインストールします

2. HTML ページのコードを初期化します

npm install swiper@3.4.1 --save-dev
ログイン後にコピー

4.コンポーネントと設定パラメータ

import Swiper from 'swiper';
import 'swiper/dist/css/swiper.min.css';
ログイン後にコピー

5. 完了しました、わかりました

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

関連記事: Vuexプロジェクトの構造ディレクトリと簡単な設定の紹介

Number型配列の最大要素を見つけるJSメソッド

vue2.0 アセットファイルと静的ファイルの違いの詳細な説明リソースファイル

以上がvue2.0 のスワイパー コンポーネントを使用してカルーセルを実装する (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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