产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 2.9.8
手机系统： iOS
手机系统版本号： IOS 14
手机厂商： 苹果
手机机型： iPhone XS Max
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
A页面
onLoad(){
uni.$on('updateTitle',this.updateTitle);
},
methods:{
updateTitle(data){
uni.setNavigationBarTitle({title: data.title});
}
}B页面
methods:{
updateTitle(data){
uni.$emit('updateTitle',{title:'B页面TITLE'});
}
}A页面创建监听，B页面发送监听
A页面标题改变,B页面标题不变
B页面标题改变，A页面标题不变
uni.setNavigationBarTitle接口设置标题选取的不是调用接口的页面，而是当前活动页
此类需求，可使用 navigation-bar 组件实现
文档：https://uniapp.dcloud.net.cn/component/navigation-bar
uni.setNavigationBarTitle本身设计的就是这样的。
调用 uni.setNavigationBarTitle() 时，框架不知道是在哪个页面调用的，只知道当前显示的页面，除非允许传入 this 一样的上下文，由开发者告诉框架这是在哪个页面
RenLoong (作者)
替代方案：
data() {
return {
Ntitle:'',
PageShow:false
}
},
onShow() {
this.PageShow=true;
if(this.Ntitle){
uni.setNavigationBarTitle({title:this.Ntitle})
this.Ntitle='';
}
},
onHide() {
this.PageShow=false;
},
methods: {
updateTitle(){
setTimeout(()=>{
if(this.PageShow){
uni.setNavigationBarTitle({title:'新标题'})
}else{
this.Ntitle='新标题';
}
},3000)
},
}
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
RenLoong (作者)
使用navigation-bar组件依然是如上效果，依然是B页面被改变A页面不变
2020-12-07 17:46
DCloud_UNI_FXY
navigation-bar组件是有问题，预计下个版本修复，仅限App，H5，微信小程序，其他平台因为平台自身原因暂时不能支持，如果要跨所有平台，建议可以在A页面的onShow里边去调用setNavigationBarTitle
2020-12-15 12:02