WeChat 애플릿 페이지 간에 데이터를 전송하는 여러 가지 방법

WeChat 미니 프로그램을 개발하다 보면 페이지 간 데이터 전송이나 상호 영향 문제에 자주 직면하게 됩니다. 실제 개발 과정에서는 다음과 같은 방법을 통해 이를 달성할 수 있다.

전역 변수 사용

전역 변수는 실제로 전역 개체를 정의하고 모든 페이지에 도입합니다.

코드를 초기화할 때 애플릿은 필요한 전역 변수를 정의할 수 있는 app.js 파일을 읽습니다.

그런 다음 페이지에서 getApp() 메소드를 통해 전역 애플리케이션 객체를 가져올 수 있고 전역 변수를 읽고 변경할 수 있습니다.

app.js가 기본으로 사용되므로 프로젝트가 구성되었으므로 여기서 많은 변수를 구성하는 것은 권장되지 않습니다. 일반적으로 일부 영구 상수는 여기에서 구성됩니다. 이 방법은 자주 변경해야 하는 수량에는 권장되지 않습니다.

로컬 캐시 사용

로컬 캐시는 WeChat 애플릿에서 제공하는 기능입니다. 사용자가 생성한 데이터를 로컬에 보관할 수 있습니다.

그렇다면 이를 사용하여 여러 페이지 간의 데이터와 상호 작용하는 방법은 무엇입니까?

페이지 A에 사용자 정보를 저장한다고 가정해 보겠습니다.

이렇게 하면 데이터가 로컬에 저장됩니다. 페이지 B에서 필요한 경우 데이터 풀에서 데이터를 직접 가져와 CRUD 작업을 수행할 수 있습니다.

페이지 A로 돌아가면 애플릿에서 데이터 를 다시 읽어야 합니다. 이때 라이프 사이클의 onShow에서 데이터를 다시 로드하도록 선택할 수 있습니다

상위 페이지에서 하위 페이지로 데이터 전송(템플릿)

우리는 일반적으로 페이지 간을 이동하고 리디렉션합니다. 이때 URL에 일부 데이터를 넣고 새 페이지가 onLoaded될 때 초기화하도록 선택할 수 있습니다.

D 페이지에서는 다음과 같이 전달된 매개변수를 받을 수 있습니다.

wx.navigateTo 및 wx.redirectTo는 탭에 포함된 페이지로 이동할 수 없으며 wx만 사용할 수 있습니다. .switchTab 점프. wx.switchTab의 URL은 매개변수를 전달할 수 없다는 점에 유의하세요.

WeChat에서 새로 제공하는 wx.reLaunch 인터페이스는 매개변수를 전달할 수 있습니다.

또한 일반적으로 페이지에서 일부 구성 요소 템플릿을 사용하므로 부모와 자식 간에 해당 데이터 전송도 발생합니다.

name 속성을 템플릿 이름으로 사용하세요. 그런 다음 여기에서 is 속성을 사용하여 사용해야 하는 템플릿을 선언하세요.

다음과 같이 템플릿에 필요한 데이터를 전달합니다.

변수 외에도 템플릿에 전달되는 항목은 이벤트 메서드 개체일 수도 ​​있습니다. 예를 들어 템플릿의 클릭 이벤트는 템플릿을 사용하여 요소에 전달될 수 있습니다.

페이지 개체를 얻어 데이터 작업을 수행합니다

이 방법의 핵심은 다른 페이지의 개체 프로토타입을 얻은 다음 프로토타입 메서드 setData를 통해 현재 개체가 관리하는 데이터를 수정하는 것입니다.

다음 페이지 F로 이동한 후 F에 E의 데이터 수정이 필요한 연산이 있다고 가정하면 다음 방법을 사용할 수 있습니다.

이 방법은 하위 페이지가 상위 페이지 그룹의 데이터를 관리하도록 할 수 있습니다.

요약

WeChat 미니 프로그램에는 페이지 간 데이터 전송 및 상호 작용을 위한 방법이 위의 방법에 국한되지 않고실용 응용 프로그램에서 조합하여 사용할 수 있습니다. 예:

• 일부 상수는 app.js로 관리할 수 있으며, 유지해야 하는 양은 로컬에 저장할 수 있습니다.

• 하위 페이지나 템플릿 요소와 관련된 데이터는 매개변수를 전달하여 전달할 수 있습니다.

• 사후 수준 페이지는 스택의 페이지 개체를 가져와서 상위 수준 데이터를 빠르게 수정할 수 있습니다.

실용적인 응용 프로그램과 함께 사용하면 미니 프로그램의 데이터를 더 잘 관리할 수 있습니다.

추천: "Mini 프로그램 개발 튜토리얼"

위 내용은 WeChat 애플릿 페이지 간에 데이터를 전송하는 여러 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!