WeChat 애플릿에서 페이지 점프 값 전송 구현

이 글에서는 주로 위챗 미니 프로그램 페이지 점프와 가치 이전 구현 코드에 대한 정보를 소개합니다. 여기에서는 구현 조건과 예시 코드를 분석합니다. 도움이 필요한 친구들은 이를 참고할 수 있습니다

위챗 미니 프로그램 페이지 점프 가치 이전 구현 코드

WeChat 애플릿의 페이지 경로는 5개 레벨만 가능합니다.

현재 시나리오는 다음과 같습니다.

index(홈 페이지) 새 페이지 목록 열기(목록) 새 페이지 검색 열기(조건부 쿼리) 결정

여기에는 제한이 있습니다. WeChat은 5개의 웹 페이지 레이어만 열 수 있습니다. 즉, 검색 페이지에서 확인을 클릭하면 이전 페이지로 돌아가야 합니다. 페이지:

wx.navigateBack(OBJECT)

이 API는 매개변수가 있는 이전 페이지로 돌아갈 수 없습니다. 페이지에서 WeChat에서 제공하는 방법은 전역 변수에 개체를 추가하는 것입니다(이게 뭐야)

app.js는 변수 검색을 추가합니다.

search:'',

모든 후속 js 헤더가 추가됩니다

let $ = getApp()

index.js에서:

매번 재설정

onShow: function () { 
 $.search=''; 
 },

list.js:

매번 목록 컬렉션을 재설정하세요. 보기가 나타나면 WeChat 애플릿은 이전 컬렉션을 유지한 다음 검색 개체를 얻습니다. 검색 작업 수행

onShow: function () { 
 this.data.list = []; 
 if ($.search != '') { 
  this.data.search=$.search; 
 } 
 this.loadMore(); 
 },

in search.js:

검색을 클릭하여 onSubmit 이벤트를 트리거하고 검색에 값을 할당합니다. , 그리고 이전 페이지로 돌아가기

onSubmit() { 
 $.search = this.data.model; 
 wx.navigateBack(); 
}

위 내용은 이 글의 전체 내용입니다. 모든 분들께 도움이 되길 바랍니다. 학습에 도움이 될 것입니다. 더 많은 관련 내용은 PHP 중국어를 주목해주세요. 웹사이트!

관련 추천:

WeChat 미니 프로그램 페이지 이동 및 데이터 전송

WeChat 애플릿 왼쪽으로 스와이프하여 삭제 기능 구현

위 내용은 WeChat 애플릿에서 페이지 점프 값 전송 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!