기술 솔루션 - 앱 WeChat 애플릿의 페이지 점프-미니 프로그램 개발-php.cn

기술 솔루션 - 앱 WeChat 애플릿의 페이지 점프

php是最好的语言

풀어 주다： 2018-07-26 10:20:04

원래의

2156명이 탐색했습니다.

微信미니 프로그램 페이지가 점프하지 못하는 이유는 다음과 같습니다. 1: 점프한 주소가 잘못된지 확인하세요. 2: 이동하려는 주소가 app.js에 등록되어 있는지 확인합니다. 3: 이동하려는 주소가 TabBar에 있으면 wx.switchTab을 사용하여 페이지를 이동합니다.

다음으로 점프 방법을 요약해 보겠습니다.

1.API 점프

#🎜 🎜#

wx.navigateTo({...})

wx.redirectTo({...}) #🎜 🎜#

wx.switchTab({...})
wx.reLanch({...}) #🎜 🎜#
(1) wx.navigateTo({...})

현재 페이지는 삭제되지 않고 삭제만 됩니다. 숨기기 위해서는 wx.navigateBack을 사용하여 원래 페이지로 돌아갑니다.

참고: 이동하기 위해 NavigateTo를 호출하면 이 메서드를 호출하는 페이지가 스택에 추가됩니다.

// 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。

wx.navigateTo({
    url: &#39;page/home/home&#39;　　    // 页面 A
})
wx.navigateTo({
    url: &#39;page/detail/detail&#39;　　// 页面 B
})
// 跳转到页面 A
wx.navigateBack({
    delta: 2
})

로그인 후 복사

(2) wx.redirectTo({...}) #🎜 🎜#

현재 페이지를 닫고 애플리케이션 내 해당 페이지로 이동

(3) wx.switchTab({...})

Jump tabBar 페이지(app.json에 등록된 tabBar 페이지)로 이동하여 tabBar가 아닌 다른 페이지를 닫습니다

(4) wx.reLanch({...})

#🎜 🎜# 모든 페이지를 닫고 앱에서 특정 페이지를 엽니다.

2.wxml 페이지 구성 요소 점프()

// navigator 组件默认的 open-type 为 navigate 
<navigator url="/page/navigate/navigate" hover-class="navigator-hover">跳转到新页面</navigator>
// redirect 对应 API 中的 wx.redirect 方法
<navigator url="../../redirect/redirect/redirect" open-type="redirect" hover-class="other-navigator-hover">在当前页打开</navigator>
// switchTab 对应 API 中的 wx.switchTab 方法
<navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">切换 Tab</navigator>
// reLanch 对应 API 中的 wx.reLanch 方法
<navigator url="../../redirect/redirect/redirect" open-type="redirect" hover-class="other-navigator-hover">关闭所有页面，打开到应用内的某个页面</navigator>
// navigateBack 对应 API 中的 wx.navigateBack 方法
<navigator url="/page/index/index" open-type="navigateBack" hover-class="other-navigator-hover">关闭当前页面，返回上一级页面或多级页面</navigator>

로그인 후 복사