Teilen Sie Lösungen für das Problem der Umleitung leerer Seiten in WeChat-Miniprogrammen

黄舟
Freigeben: 2018-05-24 09:26:10
Original
6840 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zur Lösung für die Leerseitenumleitung des WeChat-Applets vorgestellt. Freunde in Not können sich auf die

Die Lösung für die Leerseitenumleitung des WeChat-Applets beziehen

Zu Beginn zeigte die Eingabedatei des Miniprogramms direkt auf die Startseite der Tabbar. Zu diesem Zeitpunkt trat ein Problem auf: Der QR-Code-Scan schloss die Startseite zunächst nicht Zeit und habe den OnLoad-Prozess bei der zweiten Eingabe nicht durchlaufen

Offizielle Erklärung: Der durch den Tabbar-Sprungmodus ausgelöste Lebenszyklus ist onShow, ohne onLoad, wie unten gezeigt:

Zu diesem Zeitpunkt, als ich das Umleitungsproblem mit meinen Freunden besprach, dachte ich, dass es mit einer ähnlichen Methode gelöst werden könnte, also habe ich es sofort umgesetzt:

Fügen Sie „pages/index/index“ (Eintragsdatei), „pages/home/home“ (Tableiste) zur app.json-Seiten-Homepage), „pages/detail/detail“ (Detailseite) hinzu.

onLoad-Verarbeitung in index.js:

/**
  * 生命周期函数--监听页面加载
  */
 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',
   })
  }
 },
Nach dem Login kopieren

Zu diesem Zeitpunkt wird das Problem des erneuten Scannens des QR-Codes perfekt gelöst -->home-->detail; -->home und nicht erreichbar -->detail;

Scannen Sie den QR-Code zu diesem Zeitpunkt-->index (redirectTo)-->detail; >index (redirectTo)-->Detailproblem; über die Homepage hinaus

Da die Homepage eine große Anzahl von Anfragen hat, ist „redirectTo“ nicht geeignet. Daher wird diese Methode als Kompromisslösung angesehen.

Das obige ist der detaillierte Inhalt vonTeilen Sie Lösungen für das Problem der Umleitung leerer Seiten in WeChat-Miniprogrammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!