uniapp开发的系统h5导航栏标题重复问题

uniapp开发的系统h5导航栏标题重复问题_第1张图片

这个是导航栏重复问题 ,需要先在page。json中隐藏默认的导航栏

uniapp开发的系统h5导航栏标题重复问题_第2张图片

{
	"easycom": {
		"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
	},

	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "产品信息",
				"navigationStyle": "custom"
			}
		},
		{
			"path": "pages/index/subProducts",
			"style": {
				"navigationBarTitleText": "子产品信息",
				"navigationStyle": "custom"
			}
		}
	],

 在页面中自己手动添加导航栏

uniapp开发的系统h5导航栏标题重复问题_第3张图片

	onLoad() {
			//动态的设置标题  
			uni.setNavigationBarTitle({
				title: '子产品信息'
			})
		},

最后的结果是:

不会出现重复的导航栏

uniapp开发的系统h5导航栏标题重复问题_第4张图片

你可能感兴趣的:(uni-app)