위 챗 애플 릿 의 페이지 전환 과 매개 변수 전달 의 실현
선언:
위 챗 애플 릿 에서 의 점프 는 html 의 하이퍼링크 a 와 차이 가 많 지 않 습 니 다.우 리 는 점프 를 실현 하면 라벨 을 통 해 이 루어 질 수도 있 고 js 를 통 해 이 루어 질 수도 있 습 니 다.다음은 일일이 보 여 드 리 겠 습 니 다.
demo 를 보 여주 기 전에 프로젝트 폴 더 를 간단하게 만 들 고 준 비 를 해 야 합 니 다.다음 과 같다.
태그 구현
애플 릿 에는 a 태그 와 유사 한 navigator 태그 가 있어 서 점프 처 리 를 합 니 다.
index 페이지:
<navigator url="../navigator/navigator?title= navi"> </navigator>
<navigator url="../redirect/redirect?title= red" redirect> </navigator>
navigator 페이지 와 redirect 페이지:
<view> {{title}} </view>
navigator.js 페이지 와 redirect.js 페이지:
Page({
data:{
title:''
},
onLoad:function(options){
// options
this.setData({
title:options.title
})
},
})
그리고 점프 도 두 가지 로 나 뉘 는데 하 나 는 새 페이지 url 뒤로 이동 하 는 경로 이 고 인 자 를 휴대 할 수 있 습 니 다.하 나 는 뒤에 redirect 를 추가 하여 현재 페이지 에서 열 고 인 자 를 휴대 할 수 있 습 니 다.주의:사용자 가 애플 릿 을 사용 할 때 어려움 을 겪 지 않도록 저 희 는 페이지 경 로 를 5 층 으로 만 규정 합 니 다.다 층 적 인 상호작용 방식 을 최대한 피하 십시오.
tips:이동 하 는 페이지 는 app.json 에 설정 하 는 것 을 잊 지 마 세 요.그렇지 않 으 면 오류 가 발생 할 수 있 습 니 다.
2.js 실현
js 로 구현 하려 면 점프 코드 만 쓰 면 됩 니 다.다른 것 은 위 와 같 습 니 다.
wx.navigateTo({
url: '../navigator/navigator?title= navi'
})
wx.redirectTo({
url: '../redirect/redirect?title= red'
})
tips:아래 그림 을 자세히 살 펴 보면 다른 페이지 로 넘 어가 면 되 돌아 오 는 버튼 이 있 고 현재 페이지 에서 열 면 없 음 을 알 수 있 습 니 다.그림 전시:
궁금 한 점 이 있 으 시 면 메 시 지 를 남기 거나 본 사이트 의 커 뮤 니 티 에 가서 토론 을 교류 하 세 요.읽 어 주 셔 서 감사합니다. 도움 이 되 셨 으 면 좋 겠 습 니 다.본 사이트 에 대한 지지 에 감 사 드 립 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
OpenSSL 생 성 ssl 인증서텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.