swan.setTabBarItem

解釋：動態(tài)設置 tabBar 某一項的內容。

創(chuàng)新互聯(lián)是一家從事企業(yè)網(wǎng)站建設、網(wǎng)站設計、網(wǎng)站建設、行業(yè)門戶網(wǎng)站建設、網(wǎng)頁設計制作的專業(yè)網(wǎng)站設計公司，擁有經(jīng)驗豐富的網(wǎng)站建設工程師和網(wǎng)頁設計人員，具備各種規(guī)模與類型網(wǎng)站建設的實力，在網(wǎng)站建設領域樹立了自己獨特的設計風格。自公司成立以來曾獨立設計制作的站點1000多家。

方法參數(shù)

Object object

object 參數(shù)說明

屬性名	類型	必填	說明
index	Number	是	tabBar 的哪一項，從左邊算起
text	String	否	tab 上按鈕文字
iconPath	String	否	圖片絕對路徑，icon 大小限制為 40KB，建議尺寸為 81px 81px，當 position 為 top 時，此參數(shù)無效，不支持網(wǎng)絡圖片
selectedIconPath	String	否	選中時的圖片的絕對路徑，icon 大小限制為 40KB，建議尺寸為 81px 81px ，當`position`為 top 時，此參數(shù)無效
success	Function	否	接口調用成功的回調函數(shù)
fail	Function	否	接口調用失敗的回調函數(shù)
complete	Function	否	接口調用結束的回調函數(shù)（調用成功、失敗都會執(zhí)行）

示例

掃碼體驗

代碼示例

請使用百度APP掃碼

圖片示例

代碼示例 1：基本示例

在開發(fā)者工具中打開

在 WEB IDE 中打開

SWAN
JS

 
 
 
  
  
  
  
  
   
  
  
   {{ !hasCustomedItem ? '自定義Tab信息' : '移除自定義信息' }}

代碼示例 2：切換 tab 時變化文案

在開發(fā)者工具中打開

在 WEB IDE 中打開

 
 
 
  
  
  Page({
  
  
   onTabItemTap(item) {
  
  
   console.log('點擊第幾項', item.index);
  
  
   if (item.index == 1) {
  
  
   this.setTabBarItem(item.index)
  
  
   }
  
  
   console.log('點擊tab對應的路徑', item.pagePath);
  
  
   console.log('點擊tab對應的文本', item.text);
  
  
   },
  
  
   setTabBarItem(index) {
  
  
   swan.setTabBarItem({
  
  
   index: index,
  
  
   text: '替換文本',
  
  
   iconPath: '/images/component_normal.png',
  
  
   selectedIconPath: '/images/component_selected.png',
  
  
   success: () => {
  
  
   console.log('setTabBarItem success');
  
  
   },
  
  
   fail: err => {
  
  
   console.log('setTabBarItem fail', err);
  
  
   }
  
  
   });
  
  
   }
  
  
   // 如需更多自定義底部tabBar樣式，請參考swan.setTabBarStyle示例(https://smartprogram.baidu.com/docs/develop/api/show/tabbar_swan-setTabBarStyle/)
  
  
  });

錯誤碼

Android

錯誤碼	說明
1001	執(zhí)行失敗

iOS

錯誤碼	說明
202	解析失敗，請檢查參數(shù)是否正確
1002	超過 icon 文件最大值

本文標題：創(chuàng)新互聯(lián)百度小程序教程：swan.setTabBarItem
文章來源：http://fisionsoft.com.cn/article/djsshhg.html

新聞中心