一、需求
比如聊天界面,需要在上方展示对方的名字,我们这样需要动态数值的,就不能写在pages配置项里面。
二、实现
我们并没有在pages里面配置固定的title名,我们需要动态传到talk,然后动态修改绑定到这个title。好在uniapp也给提供了这样的方法去操作。
传固定的值:
动态传参 :(利用模板字符串)
url:`/sub-user-package/talk/talk?name=${name}`
在talk页面获取这个值:(在onLoad生命周期函数中获取,option里面含有跳转传过来的值登信息)。
onLoad(option) {
console.log(option.name);
// 接受谈话对方的名字绑定到标题上
this.navtitle = option.name
uni.setNavigationBarTitle({
title:this.navtitle
})
},