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

PHPz
リリース: 2017-04-02 16:37:05
オリジナル
1404 人が閲覧しました

1: パラメータ値を渡すメソッド

1: data-id

HTML要素に追加できます必要な値を渡す data-* 属性、使用手順:

(1) set data-id

<view class="block" bindtap="playTap" data-id="{{modle.id}}">
ログイン後にコピー

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

playTap:function(e) {
    const dataset = e.currentTarget.dataset;
    wx.navigateTo({
     url: &#39;../play/index?id=&#39;+ dataset.id
    })
    console.log(dataset.id);
  }
ログイン後にコピー

(3): 値を取得

onLoad:function (param) {
  //页面初始化
    this.setData({
      currentId:param.id
    })
}
ログイン後にコピー

data-注意: data-name には大文字を使用できません。オブジェクトは data-* 属性に保存できないため、長い間検索した後にこのエラーを見つけました。 2: ID に値を渡すように設定する方法。

使用方法:


(1) idを設定します

<view bindtap=“playTap" id="{{modle.id}}">
ログイン後にコピー

(2) 値を取得します


e.currentTarget.idを通じて設定されたidの値を取得し、値を渡すグローバルオブジェクトを設定します

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

使用説明書


(1) 値を渡す: ナビゲータの属性 URL の後ろに接続 ID (パラメータ名) = 渡す値 (パラメータが複数ある場合) &name=value&……を区切るには & を使用します。)

<navigator url="../my/my?id={{item.id}}" wx:for="{{modles}}">
ログイン後にコピー

(2) 値:

onLoad (params){
    app.fetch(API.detail + params.id,(err,data) => {
    })
  }
ログイン後にコピー

2: データ要求のカプセル化

1. すべての

インターフェース

を統合された js ファイルに入れて、export

2 : app.js でリクエスト データをカプセル化するメソッド

fetch(url,data, callback) {
   wx.request({
     url,
     data: data,
     header: {
       &#39;Content-Type&#39;: &#39;application/json&#39;
     },
     success(res) {
       callback(null, res.data);
     },
     fail(e) {
       callback(e);
     }
   })
 },
ログイン後にコピー

3: サブページでデータをリクエストするためにカプセル化されたメソッドを呼び出します

import API from "../../api/api.js";
const app = getApp();
const conf = {
  data:{
    title:&#39;正在拼命加载中...&#39;,
    loadding:true
  },
  onLoad (){
    app.fetch(API.hot,{},(err,data) => {
    })
  }
ログイン後にコピー

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

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

<template name="homecell">
   <view class="item">
  </view>
 </template>
ログイン後にコピー

2: テンプレートを使用します

<import src="../../commonXml/homecell.wxml" />
ログイン後にコピー

まずテンプレートを導入します

<template is="homecell" data="{{item}}"></template>
ログイン後にコピー

次に、テンプレート is を使用し、次にテンプレートの名前を書き込みます。 必要なデータを data

var obj = [];
var obj = new obj();
var obj = Object.create(null);
ログイン後にコピー

に渡します 4:配列の使いやすい属性

Array.isArray() メソッドは、値が配列であるかどうかを判断するために使用され、そうでない場合は false を返します。配列または配列以外の値を元の配列と結合し、新しい配列を形成して返します。

join() メソッドは、提供された関数 (コールバック関数) を配列の各要素に対して 1 回実行します。

keys() メソッドは、配列のインデックスのイテレータを返します。

map() メソッドは、元の配列の各要素で指定されたメソッドを呼び出したときの戻り値で構成される新しい配列を返します。

pop() メソッドは配列の最後の要素を削除し、この要素を返します。

push() メソッドは配列の最後に 1 つ以上の要素を追加し、配列の新しい長さ (length 属性の値) を返します。 )。

toString() は、指定された配列とその要素を表す文字列を返します。

5

5 削除

dic[“key”] = “value”;
ログイン後にコピー

6 すべての属性を表示するメソッド

delete dic[“key”];
ログイン後にコピー

オブジェクトのすべてのキー名は文字列であるため、キー名が数値の場合は引用符で囲んでも追加できません。ただし、キー名が識別名の条件を満たしていない場合(例えば、最初の文字が数字である、スペースや

演算子

が含まれている場合)は、自動的に文字列に変換されます。数値ではありません。引用符で囲む必要があります。そうでない場合は、エラーが報告されます

7 属性の読み取り

dic.clear();
ログイン後にコピー

注: ドット演算子は数値キー名には使用できません (小数点として扱われるため) )、角括弧演算子のみを使用できます。

8 オブジェクトのすべての属性を走査するために使用されます

delete dic;
ログイン後にコピー

11 ステートメント付き

機能: 同じオブジェクトの複数の属性を操作する際の記述の利便性を提供します

Object.keys(obj);
ログイン後にコピー

obj.name || obj[&#39;name&#39;]
ログイン後にコピー
と同等

以上がWeChat ミニプログラム開発の経験の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート