ホームページ  >  記事  >  ウェブフロントエンド  >  uniapp がパブリック メソッドをカプセル化する方法

uniapp がパブリック メソッドをカプセル化する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-12-08 16:34:238110ブラウズ

uniapp カプセル化の共通メソッドを実装します。最初に uni-app を作成し、新しいページ ファイルを作成します。次に、新しいカプセル化ファイルを作成してカプセル化メソッドを定義します。次に、ページ上でメソッドを呼び出します。最後にコンパイルを保存します。プレビュー。

uniapp がパブリック メソッドをカプセル化する方法

このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

推奨 (無料):ユニアプリ開発チュートリアル

ユニアプリのカプセル化パブリック メソッドの実装:

1. ダブルクリックして HBuilderX 開発ツールを開き、uni-app プロジェクトを作成して開きます

uniapp がパブリック メソッドをカプセル化する方法

2. ページ フォルダーの下、新しいページ ファイル インデックス .vue を作成し、

uniapp がパブリック メソッドをカプセル化する方法

3 を開き、utils フォルダーを作成して、新しい JavaScript ファイル DateUtils.js

を作成します。 uniapp がパブリック メソッドをカプセル化する方法

4. 新しく作成した js ファイルを開き、関数 statusTime を定義し、指定された形式

uniapp がパブリック メソッドをカプセル化する方法

5 で日付を返します。 Index.vue ファイルにピッカー要素を挿入し、プロパティと変数

uniapp がパブリック メソッドをカプセル化する方法

#6 をバインドします。<script></script>タグをインポートし、DateUtils をインポートし、変数

uniapp がパブリック メソッドをカプセル化する方法

7 で

を使用します。コードを保存してコンパイルします。WeChat 開発者ツールでコンパイル効果を確認します

uniapp がパブリック メソッドをカプセル化する方法

関連する無料学習の推奨: プログラミング ビデオ

以上がuniapp がパブリック メソッドをカプセル化する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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