ホームページ  >  記事  >  WeChat アプレット  >  WeChat ミニプログラム開発の原体験

WeChat ミニプログラム開発の原体験

高洛峰
高洛峰オリジナル
2017-02-16 10:24:341460ブラウズ

1: パラメータ値の転送方法


1: data-id
data-* 属性を HTML 要素に追加して、必要な値を渡すことができます。使用手順:
(1) data-id を設定します

。 < ;view class="block" bindingtap="playTap" data-id="{{modle.id}}">

(2): 値を取得 + 値を渡す

playTap:function(e) {

const データセット = e.currentTarget.dataset;

データセット = e.currentTarget.dataセット;

}

(3): 値

onLoad:function (param) {

})

}

データ - 注:データ名には大文字を使用できません。大文字が含まれているため、オブジェクトを data-* 属性に保存できないというエラーが発生しました。2: 渡す ID のメソッド識別子を設定します。値

使用方法:

(1) id を設定

(2) e.currentTarget.id 経由で値を取得

IDの値を取得し、グローバルオブジェクトを設定して値を渡します

3: ナビゲーターに渡すパラメーター値を追加します

使用説明

(1) 値の受け渡し: ナビゲーター属性 url の後に splice ?id (パラメーター名) を追加します=渡される値 (複数のパラメータが & &name=value&.... で区切られている場合)



(2) 値:

onLoad (params){

app.fetch(API.detail + params.id,(err,data) => {

} )

}

2: データリクエストパッケージ
1. すべてのインターフェイスを統合された js ファイルに配置し、エクスポートします

Const API = {

Interface1: 'https:// .... ....',

インターフェイス 2: 'https://....',

インターフェイス 3: 'https://....',

.....

}

EModule.exports = api; app.js でパッケージ リクエスト データを作成する方法


FETCH (url, data, callback) {

wx.request ({

url,

data: data, Callback(null, res.data) ;

},

fail(e) {L callback (e);

}})}},

3: 子ページのパッケージングを呼び出すメソッドは、「」からのデータ

インポート API を要求しました。 ..../api/api.js ";

const app = getApp();

const conf = {

() {. App.Fetch (API.HOT, {}, (err, data) = & gt; {

})}},

3: テンプレートを使用する (テンプレートは本当に良いものであることがわかりました!)

1: テンプレートの定義: 名前 テンプレートの名前を設定します

テンプレートを定義します