• swan.setTabBarItem
  • 方法参数
    • object 参数说明
  • 示例
    • 图片示例
    • 代码示例 1：基本示例
    • 代码示例 2：切换 tab 时变化文案
  • 错误码
    • Android
    • iOS

swan.setTabBarItem

解释：动态设置 tabBar 某一项的内容。

创新互联是一家从事企业网站建设、网站设计、网站建设、行业门户网站建设、网页设计制作的专业网站设计公司，拥有经验丰富的网站建设工程师和网页设计人员，具备各种规模与类型网站建设的实力，在网站建设领域树立了自己独特的设计风格。自公司成立以来曾独立设计制作的站点1000多家。

方法参数

Object object

object 参数说明

示例

扫码体验

代码示例

请使用百度APP扫码

图片示例

代码示例 1：基本示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

• SWAN
• JS

 
 
 

  
  
  

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

 
 
 

代码示例 2：切换 tab 时变化文案

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

• JS

 
 
 

  
  
  
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

iOS

本文标题：创新互联百度小程序教程：swan.setTabBarItem
本文网址：http://www.shufengxianlan.com/qtweb/news31/276431.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联