uniapp嵌套webview页面，返回按钮跳转问题

柠檬很甜-

已于 2022-05-26 16:30:02 修改

阅读量5.9k

点赞数 1

文章标签： uni-app 前端 vue

于 2021-07-13 10:49:38 首次发布

本文链接：https://blog.csdn.net/weixin_43861449/article/details/118694074

版权

本文档描述了一个在Vue页面内嵌Webview时遇到的返回按钮行为异常的问题。当用户首次点击返回，期望能直接返回Vue上级页面，但实际上却回到了Webview的前一页。为解决这个问题，作者在`onBackPress`方法中进行了处理，通过监听options.from判断返回来源，从而确保只需一次点击即可正确跳转。

摘要由CSDN通过智能技术生成

//webview页面下
onBackPress(options) {
	console.log(options)
	if (options.from === 'backbutton') {
		this.back();
		return true;
	}

},

methods: {
	back() {
		uni.navigateTo({
			url: './xjgl'
		})
	},
}


//xjgl页面下
onBackPress(options) {
	console.log(options)
	if (options.from === 'backbutton') {
		this.back();
		return true;
	}

},

methods: {
	back() {
		uni.switchTab({
			url: '../rwgl/rwgl'
		})
	},
}

因为页面上面嵌套了webview，当第一次点击，左上角返回按钮，并没有跳转到vue上级页面，而是返回到vue页面，第一次点击的返回是html的返回，所以需要点击两次，这样改过之后，就只用点击1次了

关注博主即可阅读全文