WeChat 미니 프로그램 개발에 대한 독창적인 경험

1: 매개변수 값 전달 방법

1: data-id
HTML 요소에 data-* 속성을 추가하여 필요한 값을 전달할 수 있습니다. 지침 :
(1) 데이터 ID 설정

(2): 값 가져오기 + 값 전달

playTap:function(e) {

const 데이터 세트 = e.currentTarget.dataset;

wx.navigateTo({

url: '../play/index?id='+dataset.id

})

console.log(dataset.id);

}

(3): Value

onLoad:function (param) {

//페이지 초기화

this.setData({

currentId:param.id

})

}

data-note: data-name에는 대문자를 사용할 수 없습니다. 저는 Letter 때문에 대문자를 사용한 적이 있습니다. 오랫동안 검색한 후에 이 오류를 발견했습니다. 객체는 data-* 속성에 저장할 수 없습니다

2: 값을 전달하도록 id의 메서드 식별자를 설정
사용 지침:
(1) ID 설정

(2) 값
e.currentTarget.id를 통해 얻은 값을 설정합니다. id의 값을 전달한 다음 전역 개체를 설정하여 값을 전달합니다

3: 탐색기에 매개변수를 추가하여 값을 전달합니다
사용 지침
(1) 값 전달: 속성에서 네비게이터 URL 뒤에 ?id(매개변수 이름) = 전달할 값(여러 매개변수가 & &name=value&.....로 구분된 경우)

(2) 값:

onLoad(매개변수){

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

})

}

2: 데이터 요청 캡슐화
1. 모든 인터페이스를 통합된 js 파일에 넣고 내보내기

const api = {

인터페이스1: 'https://.....',

인터페이스2: 'https://....',

인터페이스3: 'https://....',

....

}

module.exports = api;

2: app.js에서 요청 데이터를 캡슐화하는 메서드를 만듭니다.

fetch( url,data, callback) {

wx.request({

url,

data: data,

header: {

'Content-Type': ' application/json'

},

성공(res) {

콜백(null, res.data);

},

실패(e) {

콜백(e);

}

})

},

3: 호출 데이터를 요청하기 위한 하위 페이지의 캡슐화된 메소드

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

const app = getApp ();

const conf = {

데이터:{

title:'로드 중...',

loading:true

},

onLoad (){

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

} )

},

3: 템플릿 사용(템플릿이 정말 좋은 것 같아요!)
1: 템플릿 정의: 이름 템플릿 이름 설정

템플릿 정의