场景: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
})
}