由于这个微信小程序表单页面是用于创建和编辑的,所以导航条的标题不能是一样的,但是在路由配置里面只能设置一个。所以需要在页面中进行修改,在这里用到了uni-app给我们的uni.setNavigationBarTitle(OBJECT) [动态设置当前页面的标题。]

onLoad(options) {
			//改变title
			if (options.id) {//判断是否有id传入,有id就执行编辑,没有就是创建
				uni.setNavigationBarTitle({
							title:'编辑'
							})
			}
			else{
				uni.setNavigationBarTitle({
							title:'创建'
							})
			}

当然要注意把在路由【pages.json】的标题设置为空,不然会出现覆盖动画
在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐