ホームページ > WeChat アプレット > ミニプログラム開発 > ミニプログラム外から指定したミニプログラムページにジャンプする方法_ミニプログラムページからリンクを取得

ミニプログラム外から指定したミニプログラムページにジャンプする方法_ミニプログラムページからリンクを取得

php是最好的语言
リリース: 2018-07-28 14:17:29
オリジナル
15562 人が閲覧しました

ミニ プログラム内のリンクはナビゲーター コンポーネントを使用します

HTML で a タグを使用します。a タグはネットワーク上の任意のアドレスにリンクできます

ミニ プログラム内のナビゲーターは、以下の リンクにのみ適用できます現在のミニプログラム ジャンプ

<navigator url="http://www.baidu.com">跳转A</navigator>

<navigator url=&#39;test/t&#39;>跳转B</navigator>
ログイン後にコピー

最初のものは無効です

2 番目のものは正しくジャンプできることに注意してください: URL 内のページは tabBar (下部メニュー) 内のページであることはできません

。オープンタイプの属性設定

redirect属性により、新しいページを開いたときに、

元のページを閉じる(新しいページでは、元のページに戻ることはできません)

<navigator redirect url=&#39;test/t&#39;>跳转</navigator>
ログイン後にコピー

ジャンプ時にパラメータを渡します(

)引用符を追加する必要はありません。自動的に二重引用符が追加されます。そうでない場合は、余分な引用符が 1 つ追加されるため、直接記述します: id=111&name=张三):

<navigator  url=&#39;test/t?id=111&name=张三&#39;>跳转</navigator>
ログイン後にコピー

onLoad イベントを実行し、このページを読み込むときにパラメータを自動的に入力します

<navigator  url=&#39;test/t?id=111&name=张三&#39; hover-class=&#39;hoverClass&#39;>跳转</navigator>    <!--链接1-->
<navigator  url=&#39;test/t?id=123&name=小明&#39;>跳转</navigator>    <!--链接2-->
ログイン後にコピー
Page({
  data: {

  },
  onLoad : function(datas) {
    console.log(datas);
  }
})
ログイン後にコピー

リンク 1 をクリックすると、データの値は {id: "111", name: "Zhang San"} になり、リンク 2 をクリックすると、データの値は {id: "111", name: "Zhang San"} になります。 、データの値は {id: "123"、name: "Xiao Ming"} です

hover-class はクリック後のスタイルです

wx.navigateTo

この API はページジャンプを完了することもできます。 navigator(redirect属性なし)と同じです

<button size=&#39;mini&#39; bindtap="navigator">跳转</button>
ログイン後にコピー
navigator : function() {
    wx.navigateTo({
      url: &#39;test/t?id=100&user=xiaoming&#39;,
      success : function(e) {
        console.log(e.errMsg);
      }
    })
  }
ログイン後にコピー

wx.redirectTo

このAPIは、navigator(redirect属性あり)と同じページジャンプを完了することもできます。同上

wx.navigateBack

このAPIは、(以下のパラメータに従って)現在のページから上のページに戻るために使用されます

Page({
  data: {

  },
  back : function() {
    wx.navigateBack({
      delta : 1            // 值为1, 则是返回上一级, 值为2就返回上两级...
    })
  }
})
ログイン後にコピー
delltaの値が1の場合は、行う必要はありませんdellta 属性を書き込みます: wx.navigateBack({})

dellta の値が返せる合計レベルを超える場合

ホームページに戻ります関連記事:

このページへのリンク

WeChat アプレット コンポーネント: ナビゲーター ページ リンクの解釈と分析

関連ビデオ:

ページ リンクとマルチメディア - WeChat アプレット プロジェクトの実践的なビデオ チュートリアル

以上がミニプログラム外から指定したミニプログラムページにジャンプする方法_ミニプログラムページからリンクを取得の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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