方法一：使用全局變量（推薦）

• 在跳轉(zhuǎn)前存儲(chǔ)數(shù)據(jù)：

  // 在需要跳轉(zhuǎn)的頁面
  const app = getApp();
  app.globalData.tabParams = {
    key: 'value' // 自定義參數(shù)
  };
  uni.switchTab({
    url: '/pages/targetTab/targetTab'
  });

• 在目標(biāo)頁面獲取數(shù)據(jù)：

  // 目標(biāo) tab 頁面的 onShow 生命周期中
  onShow() {
    const app = getApp();
    const params = app.globalData.tabParams;
    if (params) {
      console.log('接收參數(shù):', params);
      // 使用后清除參數(shù)（避免重復(fù)獲取）
      delete app.globalData.tabParams;
    }
  }

方法二：使用本地存儲(chǔ)（如 uni.setStorageSync）

• 在跳轉(zhuǎn)前存儲(chǔ)數(shù)據(jù)：

  // 在需要跳轉(zhuǎn)的頁面
  uni.setStorageSync('tabParams', {
    key: 'value' // 自定義參數(shù)
  });
  uni.switchTab({
    url: '/pages/targetTab/targetTab'
  });

• 在目標(biāo)頁面獲取數(shù)據(jù)：

  // 目標(biāo) tab 頁面的 onShow 生命周期中
  onShow() {
    const params = uni.getStorageSync('tabParams');
    if (params) {
      console.log('接收參數(shù):', params);
      // 使用后清除存儲(chǔ)（避免重復(fù)獲?。?
      uni.removeStorageSync('tabParams');
    }
  }

方法三：通過 getApp() 全局共享數(shù)據(jù)

• 在 App.vue 中定義全局變量：

  // App.vue
  export default {
    globalData: {
      tabParams: null
    }
  }

• 跳轉(zhuǎn)前設(shè)置參數(shù)：

  // 原頁面
  getApp().globalData.tabParams = { key: 'value' };
  uni.switchTab({ url: '/pages/targetTab/targetTab' });

• 目標(biāo)頁面獲取參數(shù)：

  // 目標(biāo)頁面 onShow
  onShow() {
    const params = getApp().globalData.tabParams;
    if (params) {
      console.log('參數(shù):', params);
      getApp().globalData.tabParams = null; // 清除參數(shù)
    }
  }

總結(jié) 

到此這篇關(guān)于uniapp switchtab傳參并接收參數(shù)三種方法的文章就介紹到這了,更多相關(guān)uniapp switchtab傳參并接收參數(shù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論