위 챗 애플 릿 의 페이지 전환 과 매개 변수 전달 의 실현

위 챗 애플 릿 의 페이지 전환 과 매개 변수 전달 의 실현
선언:
위 챗 애플 릿 에서 의 점프 는 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:아래 그림 을 자세히 살 펴 보면 다른 페이지 로 넘 어가 면 되 돌아 오 는 버튼 이 있 고 현재 페이지 에서 열 면 없 음 을 알 수 있 습 니 다.
그림 전시:


궁금 한 점 이 있 으 시 면 메 시 지 를 남기 거나 본 사이트 의 커 뮤 니 티 에 가서 토론 을 교류 하 세 요.읽 어 주 셔 서 감사합니다. 도움 이 되 셨 으 면 좋 겠 습 니 다.본 사이트 에 대한 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기