uniapp跳转其他页面后依然显示首页底部导航
时间: 2023-06-01 16:03:41 浏览: 119
uniapp日常总结-uniapp页面跳转方式
在uniapp中,可以通过设置页面的navigationBarTitleText属性来隐藏底部导航栏。具体步骤如下:
1. 在需要隐藏底部导航栏的页面中,设置navigationBarTitleText属性为一个空字符串。例如:
```
<template>
<view>
<!-- 页面内容 -->
</view>
</template>
<script>
export default {
onNavigationBarButtonTap() {
uni.navigateTo({
url: '/pages/otherPage/otherPage',
success: () => {
// 跳转成功后,隐藏底部导航栏
uni.setNavigationBarTitle({
title: ''
})
}
})
}
}
</script>
```
2. 在跳转到其他页面的成功回调函数中,调用uni.setNavigationBarTitle方法,将navigationBarTitleText属性设置为空字符串,即可隐藏底部导航栏。
注意:设置navigationBarTitleText属性为空字符串后,页面顶部的标题栏也会被隐藏。如果需要在其他页面中显示标题栏,可以在其他页面的onLoad生命周期函数中设置navigationBarTitleText属性为对应的标题。
阅读全文