WeChat ミニ プログラムの空白ページ リダイレクトの問題に対する解決策を共有する

黄舟
リリース: 2018-05-24 09:26:10
オリジナル
6840 人が閲覧しました

この記事は主に、WeChat ミニ プログラムの空白ページ リダイレクトの解決策に関する関連情報を紹介します。必要な友達は参照してください

WeChat ミニ プログラムの空白ページ リダイレクトの解決策

まず、ミニ プログラムのエントリ ファイルがタブバーのホームページを直接ポイントしているように変更します。このとき、QR コードのスキャンで最初にホームページが閉じられず、2 回目にシーンに入るという問題が発生します。パラメータは onLoad プロセスを通じて解析されません。

公式説明: タブバー ジャンプ メソッド 以下に示すように、トリガーされるライフ サイクルは onLoad なしの onShow です。似たような方法が使えるのではないかと思い、早速実装してみました:

App.json 追加pages/index/index(エントリーファイル)、pages/home/home(タブバーページのホームページ)、pages/detail/detail(詳細ページ) ); pages/exclusive/exclusive

Index.js での onLoad 処理:

/**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {
  // 入口文件 决定进入哪个页面
  console.log('入口文件,参数scene,值detail%2C1127')
  var scene = options.scene; //扫码进入有此参数
  var scene = decodeURIComponent(options.scene);
  if (scene) {
   //'scene=detail%2C1127' 分隔符, 测试时为 , 号;真机时为%2C 原因是url编码,但是使用decodeURI()解析不出来,所以走了兼容
   
   let info_arr = [];
   info_arr = scene.split(',');
   //console.log(info_arr)
   let _type = info_arr[0];
   let id = info_arr[1];
   if (_type == 'detail') {
    wx.redirectTo({ url: `../detail/detail?id=${id}`, })
   } else if (_type == 'exclusive') {
    wx.redirectTo({ url: `../exclusive/exclusive?id=${id}`, })
   }
  }else{
   wx.switchTab({
    url: '../home/home',
   })
  }
 },
ログイン後にコピー

この時点で、コードをスキャンしてから再度コードをスキャンするという問題は完全に解決されます。 -->ホームに到達できません-->詳細;

コードをスキャンします-->この時点でのインデックス (redirectTo)-->コードをもう一度スキャンします-->インデックス (redirectTo)--> ;詳細な問題; ホーム ページをスキップします

ホーム ページには大量のリクエストがあるため、redirectTo を使用するのは適切ではないため、この方法は妥協の選択と考えられます

以上がWeChat ミニ プログラムの空白ページ リダイレクトの問題に対する解決策を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!