WeChat 미니 프로그램 데이터 캡슐화 및 매개변수 값 전송에 대한 경험 요약

이 글은 주로 WeChat 미니 프로그램 데이터 캡슐화 및 매개변수 값 전송 경험 요약에 대한 관련 정보를 소개합니다. 도움이 필요한 친구는

WeChat 미니 프로그램 개발 요약을 참조하세요:

1: 매개변수 값 전달 방법

1: data-id

HTML 요소에 data-*를 추가할 수 있습니다. 🎜> 속성 필요한 값을 전달하려면 사용 지침:

(1) 데이터 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

    })

}

데이터 노트 필요한 사항 주의: 데이터 이름에는 대문자를 사용할 수 없습니다.

개체
를 데이터에 저장할 수 없기 때문에 오랫동안 검색한 결과 이 ​​오류가 발견되었습니다. * 속성.

2: 값을 전달할 ID의 메소드 식별자를 설정합니다.

사용 지침:

(1) ID를 설정합니다

<view bindtap=“playTap" id="{{modle.id}}">

(2) Value

e.currentTarget.id를 통해 set id 값을 가져온 후 전역 객체를 설정하여 값을 전달합니다.

3: 네비게이터에 전달되는 매개변수 값 추가

사용 지침

(1) 전달되는 값: Splice ?id(매개변수 이름) 네비게이터의 속성 URL 뒤) = 전달될 값(여러 매개변수가 &&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 파일에 넣고 내보내기

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>

(2) 템플릿을 사용하려면 먼저 템플릿 소개

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

그런 다음 템플릿을 사용하고 템플릿 이름을 작성합니다. 데이터를 전달하려면 데이터가

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

넷째:

배열

사용이 더 쉽습니다속성 및 메서드

Array.isArray() 메서드는 다음을 결정하는 데 사용됩니다. 값이 배열인지 여부. 그렇다면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
concat() 메소드는 전달된
• 배열

  또는 배열이 아닌 값을 원래 배열과 결합하여 새로운 배열을 구성하고 반환합니다.

• forEach

  () 메서드는 배열의 각 요소에 대해 제공된 함수(콜백 함수)를 한 번씩 실행합니다.

join() 메서드는 배열의 모든 요소를 ​​
• 문자열

  으로 결합합니다.

• key

  s() 메서드는 배열 인덱스의 반복자를 반환합니다.

• map

  () 메소드는 원래 배열의 각 요소에 대해 지정된 메소드를 호출하는 반환 값으로 구성된 새 배열 을 반환합니다. 🎜>

  pop() 메서드는 배열의 마지막 요소를 삭제하고 이 요소를 반환합니다.

• push() 메서드는 배열 끝에 하나 이상의 요소를 추가하고 배열의 새 길이(길이 속성 값)를 반환합니다.

• to
String
• ()은 지정된 배열과 해당 요소를 나타내는 문자열을 반환합니다.
  다섯: 객체
객체

공통 방법

1 초기화 방법

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

2 요소 추가 방법

dic[“key”] = “value”;

3 키 삭제 방법

delete dic[“key”];

4 모든 항목 지우기 word

dic.clear();

5 삭제

delete dic;

6 모든 속성을 보는 방법

Object.keys(obj);

오브젝트의 키 이름은 모두 문자열이므로 따옴표로 묶거나 안 넣을 수 있습니다. 단, 키 이름이 숫자인 경우에는 자동으로 문자열로 변환됩니다. 식별 이름의 조건(예: 문자가 숫자이거나 공백 또는
연산자

을 포함하는 경우)을 충족하지 않거나 숫자가 아닌 경우 따옴표로 묶어야 합니다. 그렇지 않으면 오류 6이 발생합니다. 읽기 속성

obj.name || obj['name']

참고: 점 연산자는 숫자 키 이름에 사용할 수 없으며(소수점으로 처리되므로) 대괄호 연산자만 사용할 수 있습니다. 사용할 수 있습니다. 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!