WeChat 애플릿에서 점프를 구현하는 방법은 무엇입니까? (방법 소개)-미니 프로그램 개발-php.cn

WeChat 애플릿에서 점프를 구현하는 방법은 무엇입니까? (방법 소개)

青灯夜游

풀어 주다： 2020-04-15 09:30:32

앞으로

4607명이 탐색했습니다.

WeChat 애플릿에서 점프를 어떻게 구현하나요? 다음 기사에서는 WeChat 미니 프로그램에서 점프를 구현하는 여러 가지 방법을 요약합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

WeChat 애플릿에서 점프를 구현하는 방법은 무엇입니까? (방법 소개)

1. 네비게이션 컴포넌트, 라벨, 페이지 링크를 이용하여 구현합니다. (클릭시 배경이 있음을 알 수 있습니다.)

<!-- sample.wxml -->
<view class="btn-area">
  <navigator url="../my/my">跳转到新页面</navigator>
</view>

로그인 후 복사

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

WeChat 애플릿에서 점프를 구현하는 방법은 무엇입니까? (방법 소개)

2. 페이지 레이아웃에 대한 바인딩 탭 이벤트를 수신한 다음 메소드에서 wx.navigatorTo를 통해 점프가 실현됩니다(현재 페이지를 유지하고 애플리케이션의 페이지로 점프하고 wx.navigateBack을 사용하여 원래 페이지로 돌아갑니다)

my.wxml

<view bindtap=&#39;jump&#39;>跳转</view>

로그인 후 복사

에 바인드탭 이벤트 리스너 추가

my.js

  jump:function(){
    wx.navigateTo({
      url: &#39;../login/login&#39;,
      success: function(res) {

      },
      fail: function(res) {

      },
      complete: function(res) {

      },
    })
  }

로그인 후 복사

에서 점프 실현

WeChat 애플릿에서 점프를 구현하는 방법은 무엇입니까? (방법 소개)

3.wx.redirectTo를 통해 점프 구현(현재 페이지를 닫고 다음으로 점프) 애플리케이션 내 페이지)

navigateto_index: function (event) { 
 wx.redirectTo({ 
 url: &#39;../index/index&#39;, 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 

 }

로그인 후 복사

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

WeChat 애플릿에서 점프를 구현하는 방법은 무엇입니까? (방법 소개)

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

wx.navigateBack({ 
  delta: 1, // 回退前 delta(默认为1) 页面 
  success: function (res) { 
  // success 
  }, 
  fail: function () { 
  // fail 
  }, 
  complete: function () { 
  // complete 
  } 
 })

로그인 후 복사

WeChat 애플릿에서 점프를 구현하는 방법은 무엇입니까? (방법 소개)