如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?

如何让标题1和标题2不一样?

修改根目录下的App.vue(核心代码如下)

javascript 复制代码
<script>
	export default {
		onLaunch() {
			// 监听各种跳转----------------------------------------
			['navigateTo', 'redirectTo', 'reLaunch', 'switchTab', 'navigateBack', ].forEach(v => {
				uni.addInterceptor(v, {
					success: e => this.watchRouter(e),
				})
			});
			this.watchRouter();//首次路由跳转
		}, 
		methods: {
			watchRouter(d) {
				this.$nextTick(() => {
					document.title = `修改小程序顶部标题`;//修改小程序顶部标题
				});
			}, 
		},
	}
</script> 
相关推荐
小飞悟1 分钟前
组件通信的艺术:从 props 钻井到 context 共享的进化之路
前端·javascript·设计模式
Mintopia2 分钟前
Three.js 中正切函数在相机视野里的那些事儿
前端·javascript·three.js
Dream耀4 分钟前
掌握React useContext:轻量级状态共享与性能优化指南
前端·javascript·react.js
十盒半价5 分钟前
Stylus 伪元素:让 CSS 玩出 “无中生有” 的新花样
前端·css·trae
红衣信5 分钟前
React 中 useContext 的使用与状态共享详解
前端·react.js·面试
断竿散人6 分钟前
JavaScript 事件系统完全指南:从事件流原理到现代化事件处理实战
前端·javascript
梨子同志7 分钟前
Vue 生命周期
前端·vue.js
Point7 分钟前
[ahooks] useEventEmitter源码阅读
前端·javascript·设计模式
梨子同志7 分钟前
Vue 组件通信详解
前端·vue.js
carrieXin7 分钟前
Angular 可复用动态表单组件封装
前端