小程序模板網(wǎng)

微信小程序跳轉(zhuǎn)tabBar攜帶參數(shù)怎么辦?

發(fā)布時(shí)間:2018-04-25 10:56 所屬欄目:小程序開發(fā)教程

微信小程序的導(dǎo)航跳轉(zhuǎn)分為navigateTo(保留當(dāng)前頁,跳轉(zhuǎn)到應(yīng)用內(nèi)的其他頁面,跳轉(zhuǎn)非tabBar頁面,可帶參數(shù),但是這里有個(gè)小坑,后面說), 
navigateBack(關(guān)閉當(dāng)前頁面,返回上一頁面或多級(jí)頁面), 
redirectTo(關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面,跳轉(zhuǎn)非tabBar頁面,可帶參數(shù)), 
reLaunch(關(guān)閉所有頁面,打開到應(yīng)用內(nèi)的某個(gè)頁面,可帶參數(shù)), 
switchTab(跳轉(zhuǎn)到 tabBar 頁面,并關(guān)閉其他所有非 tabBar 頁面, 不可帶參數(shù)),

說到這里就是今天主題了,如果我們想跳轉(zhuǎn)到tabBar頁面并且想攜帶參數(shù)在怎么辦?

話不多說上代碼

 

				
  1. //search.js
  2.  
  3. var app = getApp();
  4.  
  5. Page({
  6.  
  7.    search:function(e){
  8.  
  9.   //獲取數(shù)據(jù),添加到全局
  10.  
  11.   let val = e.detail.value;
  12.  
  13.   app.searchWord = val;
  14.  
  15. },
  16.  
  17. linkTo:function(){
  18.  
  19.   //跳轉(zhuǎn)tabBar
  20.  
  21.   wx.switchTab({
  22.  
  23.    url:'../index/index',
  24.  
  25. })
  26.  
  27. }
  28.  
  29. });
  30. 然后在index頁面用的時(shí)候?qū)懺趏nShow函數(shù)里,上代碼
  31.  
  32. //index.js
  33.  
  34. va app = getApp();
  35.  
  36. Page({
  37.  
  38.  onShow:function(e){
  39.  
  40.  //獲取全局?jǐn)?shù)據(jù)
  41.  
  42.  let val = app.searchWord;
  43.  
  44. console.log(val);
  45.  
  46. }
  47.  
  48. });

上面提到了一個(gè)navigateTo的一個(gè)坑,小程序規(guī)定小程序的頁面深度最大為5,一個(gè)頁面中的navigateTo不要寫超過4個(gè) !!!



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/24057.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢