WeChat アプレットを使用してパラメータを渡す方法は何ですか?

この記事では主に、ナビゲータ ジャンプ、グローバル変数、リスト インデックス添字値、フォーム フォーム値の受け渡し関連コンテンツなど、WeChat アプレットでパラメータを渡すためのいくつかの方法を紹介します。参考のために、以下で一緒に学びましょう。

はじめに

まず最初に言っておきますが、私も会社の必要性から、小さなプログラムの穴に飛び込み始めました。 、落とし穴はたくさんありますが、結局のところ、小さなプログラムはつい最近登場したばかりなので、落とし穴があるのは普通のことです。ははは、ナンセンスな話はやめましょう。これ以上の話はやめましょう。詳細な紹介をご覧ください。

1. Navigator は

wxml ページにジャンプします (パラメーターが多い場合は「&」を使用します)

<navigator url=&#39;../index/index?id=1&name=aaa&#39;></navigator>

または、クリック イベントを追加し、js は navigateTo を使用してパラメーターを渡します。2 つの効果は同じです。

 wx.navigateTo({
   url: '../index/index?id=1&name=aaa',
   })

jsページ onLoadで

 onLoad: function (options) {
  //页面初始化 options为页面跳转所带来的参数
  var id = options.id //获取值
 },

を直接取得 2. グローバル変数

app.jsページ

globalData:{
  id:null
 }

Assignment:

var app = getApp();
app.globalData.id = 2

Value:

var app = getApp();
var id = app.globalData.id

3.インデックスの添字値

w xml Page

<button bindtap=&#39;clickMe&#39; data-id=&#39;1&#39;>点击</button>

複数渡す必要がある場合は、複数のdata-[パラメータ]を記述して渡すことができます

jsページ

clickMe:function(e){
 var id = e.currentTarget.dataset.id
 console.log(id);
},

注:パラメータを渡すためにdata-[パラメータ名]を設定しますwxml、[パラメータ名]は大文字ではなく小文字のみです

4. フォームフォームの値の受け渡しは比較的単純で一般的に使用されるため、例は示しません上記は皆さんのためにまとめたものです。将来役立つことを願っています。皆さん役に立ちます。

関連記事:

vue-cli を使用して vue プラグインを作成する方法

ngrok+express を使用して WeChat インターフェースのデバッグ問題を解決する方法

element-ui テーブルを使用してセルを作成する方法editable

at要素uiでダイアログを閉じた後に検証をクリアする方法

Vueでコンパイル操作メソッドを使用する方法

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