【微信小程序开发】动态修改详情页的title

3 阅读1分钟

场景:uniapp在开发过程中遇到列表页跳转的到详情页的情况,需要展示对应的title。

pages/index/index —> pages/detail/index 

解决方案: 

pages/index/index  跳转函数将当前项的title通过路由传过去

jumpToDetail(item) {
    if(item.id) { 
        uni.navigateTo({ // 页面跳转
            url:"/pages/detail/index?name=${item.title}&id=${item.id}"
        })
    }
}

pages/detail/index  详情页通过onLoad(option)方法去接收

onLoad(options) {
    console.log(options); // 路由传过来的参数  {name: "值", id:"值"}
    uni.setNavigationBarTitle({  // uni修改title的api
	title: options.name  
    })
}