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 小时前
ElasticJob分布式调度从入门到实战
java·后端
Mintopia12 小时前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia13 小时前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
考虑考虑13 小时前
JDK25模块导入声明
java·后端·java ee
_小马快跑_15 小时前
Java 的 8 大基本数据类型:为何是不可或缺的设计?
java
Re_zero17 小时前
线上日志被清空?这段仅10行的 IO 代码里竟然藏着3个毒瘤
java·后端
洋洋技术笔记17 小时前
Spring Boot条件注解详解
java·spring boot
不爱说话郭德纲1 天前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
程序员清风1 天前
程序员兼职必看:靠谱软件外包平台挑选指南与避坑清单!
java·后端·面试
皮皮林5512 天前
利用闲置 Mac 从零部署 OpenClaw 教程 !
java