WeChat アプレットのパラメータ受け渡しの詳細な紹介

この記事では主にWeChatミニプログラムのパラメータ転送の詳細な説明に関する関連情報を紹介しますので、必要な友人は参考にしてください

WeChatミニプログラムの開始は間違いなくモバイルインターネット業界に再び波を起こすでしょう。

ミニプログラムが人気があるかどうか疑問に思う人もいるでしょうが、WeChatのユーザー数を見ればすべてがわかります。

WeChat ミニ プログラム - パラメーターの受け渡し

ここでは、ミニ プログラムでパラメーターを渡す 2 つの方法を見つけました。便宜上、それらを個別に共有します。

1. イベントを介したパラメーターの受け渡し

ミニ プログラムでのイベントの定義を見てみましょう:

#イベントとは何ですか?

ここにリストがあります。テキスト イベントは、ビュー層からロジック層への通信方法です。
これは、ユーザーの行動をロジック層にフィードバックして処理できるテキスト イベントのリストです。
コンポーネントにバインドできるテキストイベントのリストは次のとおりです。トリガーイベントに達すると、ロジック層の対応するイベント処理関数が実行されます。
これはリスト テキストです。イベント オブジェクト には、ID、データセット、タッチなどの追加情報を含めることができます。

これはビュー層 [wxml] からロジック層 [js] への通信メソッドであることが明確に指摘されています。このイベントを使用して追加情報を運ぶのは間違いなく正しいです。次に、実際の例を見てみましょう:

view.wxml

7206fcacaeefc5f0c3ddb1720fc3cf11

logic.js

Page({
 tapName: function(event) {
      console.log(event.target)
 }
})

log printing

設定した data-hi="MINA" の値がデータセット内にあることがわかります。さて、今書いたものを見てみましょう。 まず、bindtap で始まるのは、イベントをバインドすることです。これは、「=」記号の後の値です。バインドされたイベントは、ロジック [js] レイヤー定義に存在する必要があります。 次に、値の受け渡しですが、ここで書いた data-hi は、通常 js で記述する値の受け渡しと同じ定義方法であることがわかります。この data-* は、イベントの属性ターゲットのデータセット値に対応します。ここで呼び出す必要があるのは、data-hi に対応する値を取得するために、event.target.dataset.hi です。

ここでデータの定義名に注意が必要です: 書き方: data- で始まり、複数の単語はハイフン - で結ばれます、data-要素などの大文字は使用できません(大文字は自動的に小文字に変換されます) -type、そして最後にeventでハイフンがtarget.datasetのキャメルケースのelementTypeに変換されます。 [パラメータ値]

<view data-alpha-beta="1" data-alphaBeta="2" bindtap="bindViewTap"> DataSet Test </view>

Page({
 bindViewTap:function(event){
  event.target.dataset.alphaBeta == 1 // - 会转为驼峰写法
  event.target.dataset.alphabeta == 2 // 大写会转为小写
 }
})

さて、今日はここまでです。上で書いたドキュメントに含まれているドキュメントのリンクも書き留めておきます。私はただそれらを移動させて、私の言葉で言いました。 …(⊙＿⊙；)…

読んでいただきありがとうございます、皆様のお役に立てれば幸いです、このサイトをサポートしてくださった皆様に感謝します！

以上がWeChat アプレットのパラメータ受け渡しの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。