uniapp APP开发监听顶部返回按钮到指定页面

目录

1.使用原生顶部导航栏

2.使用自定义顶部导航栏

---

1.使用原生顶部导航栏

onBackPress

监听页面返回，返回 event = {from:backbutton、 navigateBack} ，backbutton 表示来源是左上角返回按钮或 android 返回键；navigateBack表示来源是 uni.navigateBack ；详细说明及使用：onBackPress 详解 (opens new window)。支付宝小程序只有真机能触发，只能监听非navigateBack引起的返回，不可阻止默认行为。

app、H5、支付宝小程序

onBackPress(options) {
	if (options.from === 'navigateBack') {
		return false;
	}
	// 这里使用重定向比较好，不信可以自己多试几种，其余跳转方法在文章底部哦
	uni.redirectTo({ 
		url: '/pages/index'
	})
	return true;
},

2.使用自定义顶部导航栏

//自定义的返回按钮添加点击事件back
//methods中新增back

// 1.只返回上级页面
back() {
	uni.navigateBack()
}

// 2.返回指定页面（tabBar页面）
back() {