uniapp之设置小技巧

最新推荐文章于 2025-03-31 17:31:07 发布

Sunny

最新推荐文章于 2025-03-31 17:31:07 发布

阅读量374

点赞数

文章标签： uni-app 前端 vue.js

本文链接：https://blog.youkuaiyun.com/L_C_sunny/article/details/129125208

版权

本文介绍了在uniapp中如何修改页面标题，设置和修改底部tabBar的文字，以及为tabBar项添加和移除右上角文本的步骤。使用了uniapp提供的uni.setNavigationBarTitle,uni.setTabBarItem和uni.setTabBarBadge等方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用uniapp 通常会遇到进入详情页，需要修改标题文字，uniapp自带的方法就可以修改代码如下

uni.setNavigationBarTitle({

            title:this.i18n.user.title

        });

1.修改底部tabar

uni.setTabBarItem({

            index: 0,

            text: this.i18n.tabs.home

        });



3.为 tabBar 某一项的右上角添加文本。

uni.setTabBarBadge({

  index: 0,

  text: '1'

})



4.移除 tabBar 某一项右上角的文本。

uni.setTabBarBadge({

  index: 0,//删除某个tabar右上角文字，由左到右依次

})