百度智能小程序 動態(tài)設(shè)置內(nèi)容

swan.setTabBarItem

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

方法參數(shù)

Object object

object參數(shù)說明

示例

圖片示例

代碼示例 1 - 基本示例 

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

<view class="wrap">
    <button type="primary" bindtap="customItem">
    {{ !hasCustomedItem ? '自定義Tab信息' : '移除自定義信息' }}
    </button>
</view>

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

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

Page({
    onTabItemTap(item) {
        console.log('點擊第幾項', item.index);
        if (item.index == 1) {
            this.setTabBarItem(item.index)
        }
        console.log('點擊tab對應(yīng)的路徑', item.pagePath);
        console.log('點擊tab對應(yīng)的文本', 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

iOS