> 위챗 애플릿 > 미니 프로그램 개발 > 미니 프로그램에서 페이지 점프를 구현하는 방법

미니 프로그램에서 페이지 점프를 구현하는 방법

coldplay.xixi
풀어 주다: 2020-08-31 10:51:46
원래의
13069명이 탐색했습니다.

미니 프로그램에서 페이지 점프를 구현하는 방법: 1. 탐색 구성 요소, 레이블 및 페이지 링크를 사용하여 구현합니다. 2. 페이지 레이아웃에 바인딩 탭 이벤트 수신을 추가하고 [wx.navigatorTo]를 사용하여 구현합니다. 3. [wx.redirectTo]를 통해 점프를 구현합니다.

미니 프로그램에서 페이지 점프를 구현하는 방법

【관련 학습 권장 사항: 미니 프로그램 개발

미니 프로그램에서 페이지 점프 구현 방법:

1. 탐색 구성 요소, 레이블 및 페이지 링크를 사용합니다. (클릭하면 배경이 있음을 알 수 있음)

<!-- sample.wxml -->
<view class="btn-area">
 <navigator url="../my/my">跳转到新页面</navigator>
</view>
로그인 후 복사

매개변수는 다음과 같습니다

미니 프로그램에서 페이지 점프를 구현하는 방법

2. 페이지 레이아웃에 바인드탭 이벤트에 대한 리스너를 추가한 후 메소드에서 wx를 사용합니다. navigatorTo를 구현하여 점프 구현(현재 페이지를 유지하고 인앱으로 점프) 특정 페이지의 경우 원래 페이지로 돌아가려면 wx.navigateBack을 사용하세요. jump in my.js

<view bindtap=&#39;jump&#39;>跳转</view>
로그인 후 복사

매개변수는 다음과 같습니다

3. wx .redirectTo를 통해 점프(현재 페이지를 닫고 애플리케이션의 페이지로 이동)를 구현합니다.

jump:function(){
  wx.navigateTo({
   url: &#39;../login/login&#39;,
   success: function(res) {
 
   },
   fail: function(res) {
 
   },
   complete: function(res) {
 
   },
  })
 }
로그인 후 복사
미니 프로그램에서 페이지 점프를 구현하는 방법매개변수는 다음과 같습니다

4. wx.navigateBack을 통해 이전 레벨로 돌아갑니다(현재 페이지를 닫습니다. 이전 페이지 또는 상위 레벨 페이지로 돌아갑니다).

navigateto_index: function (event) { 
 wx.redirectTo({ 
 url: &#39;../index/index&#39;, 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 
 
 }
로그인 후 복사
미니 프로그램에서 페이지 점프를 구현하는 방법

관련 학습 권장 사항: 미니 프로그램에서 페이지 점프를 구현하는 방법WeChat 공개 계정 개발 튜토리얼

위 내용은 미니 프로그램에서 페이지 점프를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿