WeChat ミニ プログラムのデータのカプセル化とパラメータ値の転送に関する経験の概要

この記事は主に、WeChat ミニ プログラムのデータのカプセル化とパラメーター値の転送に関する関連情報とその他の経験の概要を紹介します。必要な友達は参考にしてください。

WeChat ミニ プログラムの開発概要:

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

1: data-id

data-*attributeをHTML要素に追加して、必要な値を渡すことができます。 使用手順:

(1) data-id

<view class="block" bindtap="playTap" data-id="{{modle.id}}">

を設定します。 (2): 値 + 値を渡す

 playTap:function(e) {

    const dataset = e.currentTarget.dataset;

    wx.navigateTo({

     url: '../play/index?id='+ 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) value:

onLoad (params){

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

    })

  }

2: データリクエストのカプセル化

1. すべてのインターフェースを統合jsファイルに入れてエクスポートします

const api = {

  interface1: 'https://........',

   interface2: 'https://.......',

   interface3: 'https://....',

   .....

}

module.exports = api;

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

 fetch(url,data, callback) {

    wx.request({

      url,

      data: data,

      header: {

        'Content-Type': 'application/json'

      },

      success(res) {

        callback(null, res.data);

      },

      fail(e) {

        callback(e);

      }

    })

  },

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

import API from "../../api/api.js";

const app = getApp();

const conf = {

  data:{

    title:'正在拼命加载中...',

    loadding:true

  },

  onLoad (){

    app.fetch(API.hot,{},(err,data) => {

    })

  },

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

1 転送はデータである必要があります

 <template name="homecell">
  
     <view class="item">
  
    </view>
  
   </template>

4:
Array

使いやすい

プロパティとメソッド

Array.isArray() メソッドは、値が配列であるかどうかを判断するために使用されます。そうである場合は true を返し、そうでない場合は false を返します。

concat() メソッドは、受信した

array または非配列値を元の配列と組み合わせて新しい配列を形成し、それを返します。

forEach
• () メソッドは要素ごとに 1 回実行されます。配列の提供された

  関数

  (
コールバック関数
• )。
  join() メソッドは、配列内のすべての要素を
string
• に結合します。

  keys() メソッドは、配列インデックスの反復子を返します。

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

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

• toString

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

• 5: オブジェクト
オブジェクト
• 共通メソッド

1 初期化メソッド

• <import src="../../commonXml/homecell.wxml" />

  2 要素の追加メソッド

<template is="homecell" data="{{item}}"></template>

3 キーの削除メソッド

rree

4 すべて解除単語 エントリ

var obj = [];
var obj = new obj();
var obj = Object.create(null);

5 削除

dic[“key”] = “value”;

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

delete dic[“key”];

オブジェクトのすべてのキー名は文字列であるため、キーの場合は引用符で囲んでも追加しなくても構いません。 name が数値の場合は、自動的に文字列に変換されます。ただし、キー名が識別名の条件を満たしていない場合 (たとえば、最初の文字が数字である場合、スペースや
演算子

が含まれている場合)、それは数値ではありません。引用符を追加する必要があります。そうしないと、エラー 6 属性の読み取り

dic.clear();

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

変数

が宣言されているかどうかを確認します

if(obj.name) || if(obj['name'])

8 in 运算符用于检查对象是否包含某个属性,如果包含返回true,否则返回false

if ( ‘x' in obj) {return 1}

9 for … in 循环用来遍历一个对象的全部属性

for (var i in obj) {
console.log(obj);
}

10 with 语句作用: 操作同一个对象的多个属性时,提供一些书写的方便

with(obj) {
name1 = 1;
name2 = 2;
}
等同于
obj.name1 = 1;
obj.name2 =

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

以上がWeChat ミニ プログラムのデータのカプセル化とパラメータ値の転送に関する経験の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。