当前位置:   article > 正文

【uniapp】微信小程序开发之动态改变底部tabBar和导航标题navigationBarTitleText_uniapp navigationbartitletext

uniapp navigationbartitletext

前言:

在开发中,我们会遇到一些需求,需要动态改变底部的tabBar和导航标题navigationBarTitleText,下面就简单的介绍一下,如何改变呢


代码片段:

1、改变底部tabBar

uni.setTabBarItem({
	index: 1,
	text: '超级话题'
});
  • 1
  • 2
  • 3
  • 4

2、改变导航标题navigationBarTitle的标题:

uni.setNavigationBarTitle({
	title: '菠萝'
});
  • 1
  • 2
  • 3

代码分析:

1、 text:tab 上的按钮文字,我们给text动态赋值就可以了;
2、 index:tabBar 的哪一项,从左边算起。


截图预览:

顶部导航标题
底部tab标题

总结:

以上就是今天的分享啦,如果对您有帮助,我会感到很开心,最后希望我们一起在前端的道路上加油鸭!!!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/460487
推荐阅读
相关标签