ホームページ > WeChat アプレット > ミニプログラム開発 > 技術的解決策 - アプリ WeChat アプレットでのページ ジャンプ

技術的解決策 - アプリ WeChat アプレットでのページ ジャンプ

php是最好的语言
リリース: 2018-07-26 10:20:04
オリジナル
2156 人が閲覧しました

WeChatミニ プログラム ページにジャンプできない原因は次の可能性があります: 1: ジャンプ先のアドレスが間違っていないか確認してください。2: ジャンプ先のアドレスが app.js に登録されているかどうかを確認してください。 3: ジャンプ先のアドレスが TabBar にある場合は、wx.switchTab を使用してページをジャンプします。

以下にジャンプ方法をまとめます:

1.API Jump

  • wx.navigateTo({...})

  • wx.redirectTo({...}) No Destroy現在のページを非表示にして、wx.navigateBack を使用して元のページに戻ります。

  • 注: navigateTo を呼び出してジャンプすると、このメソッドを呼び出したページがスタックに追加されます
  • // 关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。
    
    wx.navigateTo({
        url: 'page/home/home'      // 页面 A
    })
    wx.navigateTo({
        url: 'page/detail/detail'  // 页面 B
    })
    // 跳转到页面 A
    wx.navigateBack({
        delta: 2
    })
    ログイン後にコピー

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

  • 現在のページを閉じて、対応するページにジャンプしますアプリケーションページ内
  • (3) wx.switchTab({...})

  • 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>
ログイン後にコピー
関連する推奨事項:

WeChat ミニ プログラム ページ ジャンプ機能

WeChat ミニ プログラム開発におけるナビゲーター ページ ジャンプの概要

ビデオWeChat ミニプログラム開発に関するチュートリアル

以上が技術的解決策 - アプリ WeChat アプレットでのページ ジャンプの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート