uniapp 修改网页标题title

方式一:配置所有页面统一标题navigationBarTitleText.(优先级最低),位置:pages.json

javascript 复制代码
"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "跃玩生活",
		// "navigationBarBackgroundColor": "#2759EF",
		"app-plus": {
			"bounce": "none"
		},
		"backgroundColor": "#F8F8F8"
	},

方式二:配置某个页面的标题.(优先级中等),位置:pages.json

javascript 复制代码
{
			"path": "pages/mine/userInfo",
			"style": {
				"navigationBarTitleText": "个人信息",
				"navigationStyle": "custom",
				"navigationBarBackgroundColor": "white"
			}
		},

方式三:动态修改当前页面的标题.(优先级最高),任意位置.

javascript 复制代码
uni.setNavigationBarTitle({
		 	title: option.title
		 })

也可以使用document.title = '标题'设置,但在uniapp中不建议使用.

相关推荐
程序员黑豆5 小时前
Java包装类:基本类型与对象的桥梁
java·前端·ai编程
mldong9 小时前
"applicant" 契约:退回发起人的闭环设计
java·架构
月华路9 小时前
G1 垃圾回收:脏卡队列、记忆集与并发精化线程机制
java·开发语言
fiveym9 小时前
01 - iPXE + Clonezilla 网络装机原理解析
linux·运维·服务器·网络
虎头金猫9 小时前
如何在群晖NAS上通过Docker部署CloudSaver?群晖部署CloudSaver教程|聚合资源搜索并实现远程访问
运维·服务器·网络·python·docker·容器·pandas
dog2509 小时前
网络优化,还是降低各阶矩
服务器·网络·php
gugucoding9 小时前
47. 【Java】Java内存模型(JMM)与可见性
java·开发语言
zww894911110 小时前
校园跑腿系统开发实战指南:从需求分析到上线部署全流程解析
java
Fluxart.ai10 小时前
电商商品图审核怎么自动化?规则引擎、人工复核与发布门禁
java·前端·自动化