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', }) } },
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!