この記事では、ミニ プログラムでのページ パラメーターの受け渡し方法をいくつか紹介します。お役に立てば幸いです。
ミニ プログラムのページでパラメータを渡す方法
URL を介してパラメータを渡す
この方法は Web の方法と一致しています。
index1 Page
<navigator url="/pages/index2/index2?name=海賊王">頁面2</navigator>
または
wx.navigateTo({
url: "/pages/index2/index2?name=海賊王"
})index2 Page
onLoad: function (options) {
console.log(options);// { name : 海賊王}
},支払う必要がありますはい、
index2がタブバーページの場合、onLoad でページパラメータを取得できないことに注意してください。 [関連する學習の推奨事項: 小さなプログラム開発チュートリアル ]
イベント チャネル EventChannel
ページがwx.navigateTo を通じて別のページが開かれ、2 つのページ間にデータ チャネルが確立されます。
- 開いたページは # を通じて開くことができます。 ## this.getOpenerEventChannel()
メソッドでEventChannelオブジェクトを取得します; - wx.navigateTo
のsuccessコールバックにも含まれますEventChannelオブジェクト。
EventChannel オブジェクトは、emit メソッドと on メソッドを使用してイベントを送信したりリッスンしたりできます。
index1.wxml
<view>
來自于頁面2 傳遞的數(shù)據(jù): {{msg}}
</view>index1.js
Page({
data: {
msg: ""
},
onLoad: function () {
// 1 跳轉到頁面2
wx.navigateTo({
url: "/pages/index2/index2",
// 2 在成功的回調函數(shù)中獲取事件通道對象
success: ({ eventChannel }) => {
// 3 監(jiān)聽自定義事件
eventChannel.on("data", (e) => {
// 4 獲取頁面2傳遞過來的數(shù)據(jù) 設置到 data中
this.setData({
msg: e.name
})
})
}
});
},
})index2.js
Page({
onLoad: function () {
// 被使用 wx.navigatorTo打開的頁面獲取獲取到一個事件通道對象
const EventChannel = this.getOpenerEventChannel();
// 觸發(fā)事件和傳遞參數(shù)到 頁面1中
EventChannel.emit("data", { name: '海賊王' });
}
})ローカル ストレージ
アプレットでのローカル ストレージの使用量は Web での使用量と似ており、アプリケーション全體でデータを取得して保存できますindex1.js
wx.setStorageSync('data', {name:'海賊王'});// 可以直接存任意類型的數(shù)據(jù)index2.js
wx.getStorageSync('data');// 獲取
グローバル変數(shù)の適用
異なるページが共通のアプリケーション內にあります。このアプリケーションはapp.js
app.js # として理解できます##パブリック データはここで定義できます
App({
myData: {
name: "悟空"
}
})index1.jsページは
getApp<pre class='brush:php;toolbar:false;'> let app = getApp();
console.log(app.myData);</pre>## を通じて取得できます #もちろん、直接変更することもできます
let app = getApp();
app.myData.name="八戒";パブリック変數(shù)獨立した js ファイルを別途定義し、その中にデータを保存します
common.js
const data = {
name: "海賊王"
};
module.exports = data;index1.jsconst data = require("../../common");
Page({
onLoad: function () {
console.log(data);
},
})プログラミング関連の知識の詳細については、こちらをご覧ください: プログラミング ビデオ! ！ 以上がミニプログラムでのいくつかのページパラメータ転送メソッドについて話しましょう。の詳細內容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國語版
中國語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
Python を使用して WeChat アプレットを開発する
Jun 17, 2023 pm 06:34 PM
モバイル インターネット技術とスマートフォンの普及により、WeChat は人々の生活に欠かせないアプリケーションになりました。 WeChat ミニ プログラムを使用すると、アプリケーションをダウンロードしてインストールすることなく、ミニ プログラムを直接使用して、いくつかの簡単なニーズを解決できます。この記事では、Python を使用して WeChat アプレットを開発する方法を紹介します。 1. 準備 Python を使用して WeChat アプレットを開発する前に、関連する Python ライブラリをインストールする必要があります。ここでは、wxpy と itchat の 2 つのライブラリを使用することをお勧めします。 wxpy は WeChat マシンです
WeChat ミニ プログラムにカードめくり効果を実裝する
Nov 21, 2023 am 10:55 AM
WeChat ミニ プログラムでのカードめくり効果の実裝 WeChat ミニ プログラムでは、カードめくり効果の実裝は、ユーザー エクスペリエンスとインターフェイス インタラクションの魅力を向上させることができる一般的なアニメーション効果です。以下では、WeChat アプレットでカードめくりの特殊効果を実裝する方法と、関連するコード例を詳しく紹介します。まず、ミニ プログラムのページ レイアウト ファイルに 2 つのカード要素を定義する必要があります。1 つは前面のコンテンツを表示するため、もう 1 つは背面のコンテンツを表示するためです。具體的なサンプル コードは次のとおりです: <!--index.wxml- ->&l
アリペイ、希少文字ライブラリを収集?補完する「漢字拾い-希少文字」ミニプログラムを開始
Oct 31, 2023 pm 09:25 PM
10月31日の當サイトのニュースによると、今年5月27日、アント?グループは「漢字拾いプロジェクト」の立ち上げを発表し、最近新たな進展を迎えた：アリペイが「漢字拾い-珍しい文字」ミニプログラムを開始協(xié)會からコレクションを収集する レア文字は、レア文字ライブラリを補完し、アリペイでのレア文字入力方法の改善に役立つように、レア文字に異なる入力エクスペリエンスを提供します?，F(xiàn)在、ユーザーは「漢字ピックアップ」「珍文字」などのキーワードで検索することで「珍文字」アプレットに入ることができる。ミニプログラムでは、ユーザーがシステムで認識?入力されなかった珍しい文字の畫像を送信し、確認後、Alipay のエンジニアがフォントライブラリに追加エントリを作成します。當サイトでは、発音が不明瞭な珍しい単語を対象とした最新の単語分割入力方法をミニプログラムで體験できることに注目しました。ユーザー解體
小さなプログラムでも反応できますか?
Dec 29, 2022 am 11:06 AM
ミニプログラムはreactを利用することができます 使い方: 1. 「react-reconciler」に基づいてレンダラーを実裝し、DSLを生成します; 2. DSLを解析してレンダリングするためのミニプログラムコンポーネントを作成します; 3. npmをインストールし、開発者ビルドを実行しますツール內の npm; 4. パッケージを獨自のページに導入し、API を使用して開発を完了します。
uniapp がミニ プログラムと H5 の間で迅速な変換を実現(xiàn)する方法
Oct 20, 2023 pm 02:12 PM
uniapp がミニ プログラムと H5 の間で迅速な変換を実現(xiàn)するには、具體的なコード例が必要ですが、近年、モバイル インターネットの発展とスマートフォンの普及に伴い、ミニ プログラムと H5 は不可欠なアプリケーション形式となっています。クロスプラットフォーム開発フレームワークとして、uniapp は一連のコードに基づいて小規(guī)模プログラムと H5 間の変換を迅速に実現(xiàn)し、開発効率を大幅に向上させます。この記事では、uniapp がミニ プログラムと H5 の間で迅速な変換を実現(xiàn)する方法と、具體的なコード例を紹介します。 1. uniapp uniaの紹介
ミニ プログラムでパブリック アカウント テンプレート メッセージを使用する方法を説明します (詳細なアイデア付き)
Nov 04, 2022 pm 04:53 PM
この記事では、WeChat ミニ プログラムに関するいくつかの関連事項を紹介します。主に、ミニ プログラムでパブリック アカウント テンプレート メッセージを使用する方法を紹介します。一緒に見てみましょう。皆さんのお役に立てれば幸いです。
Python で簡単なチャット プログラムを作成するためのチュートリアル
May 08, 2023 pm 06:37 PM
実裝アイデア: チャット ルームのさまざまな機能を処理するために、スレッドのサーバー側を確立します。x02 クライアントの確立はサーバーよりもはるかに簡単です。クライアントの機能はメッセージの送受信と、特定の文字を特定の規(guī)則に従って入力するため、クライアント側では、メッセージ受信専用とメッセージ送信専用の 2 つのスレッドを使用するだけで、さまざまな機能を使用できます。使用しないでください。
PHP とミニプログラムを使用した地理的位置特定と地図表示
Jul 04, 2023 pm 04:01 PM
PHP およびミニ プログラムの地理位置測位と地図表示 地理位置測位と地図表示は、現(xiàn)代のテクノロジーにおいて必要な機能の 1 つになっています。モバイルデバイスの普及に伴い、測位と地図表示に対する人々の需要も高まっています。開発プロセスでは、PHP とアプレットの 2 つのテクノロジーが一般的に選択されます。この記事では、PHP およびミニ プログラムでの地理的位置の測位と地図表示の実裝方法を紹介し、対応するコード例を添付します。 1. PHP での地理位置情報 PHP では、サードパーティの地理位置情報を使用できます。
