uniapp踩坑(五):监听手机物理返回键和滑动返回事件

需求
android端和ios端点击手机物理返回键(左上角的)或页面滑动键退出后,弹出弹框,点击确定后才退出该页面。
截图展示:
uniapp踩坑(五):监听手机物理返回键和滑动返回事件_第1张图片
uniapp踩坑(五):监听手机物理返回键和滑动返回事件_第2张图片
实现代码:
在onBackPress()方法中实现。
注意一定要在success后面加上.bind(this)代码,不然ios端会出现,点击物理返回键后,先退出该页面在出现弹框的问题。
亲测有效(ios端和android端已测)

onBackPress() {
     
	//console.log("press back");
	uni.showModal({
     
		title: '退出该页面后将关闭此次轨迹记录',
		confirmText: '退出',
		success: function(res) {
     
			if (res.confirm) {
     
				.....//此处把你退出后需要的方法写上就行
				this.stopGetLocation();
				this.started = false;
				this.imgpath = '../../static/open.png'
			}
		}.bind(this)//此处bind是关键
	})
},

你可能感兴趣的:(前端,vue,uniapp)