uniapp退出關閉當前小程序或APP的簡單實現(xiàn)

更新時間：2022年12月28日 10:04:21 作者：Right?atrium

最近通過Uniapp開發(fā)APP又一個非常實用的功能,這篇文章主要給大家介紹了關于uniapp退出關閉當前小程序或APP的簡單實現(xiàn),文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下

使用場景：

進入小程序/APP有隱私協(xié)議，點擊不同意隱私協(xié)議退出小程序/APP

一、退出當前小程序

<navigator open-type="exit" target="miniProgram">退出</navigator>

二、小程序由APP跳轉而來，點擊按鈕退回APP

<button open-type="launchApp" app-parameter="wechat" binderror="launchAppError">退出</button>

navigator

頁面跳轉。

該組件類似HTML中的< a >組件，但只能跳轉本地頁面。目標頁面必須在pages.json中注冊。

屬性：

屬性名	類型	默認值	說明	平臺差異說明
url	String	-	應用內的跳轉鏈接，值為相對路徑或絕對路徑，如：“…/first/first”，“/pages/first/first”，注意不能加 .vue 后綴	-
open-type	String	navigate	跳轉方式	-
delta	Number	-	當 open-type 為 ‘navigateBack’ 時有效，表示回退的層數(shù)	-
animation-type	String	pop-in/out	當 open-type 為 navigate、navigateBack 時有效，窗口的顯示/關閉動畫效果	App
animation-duration	Number	300	當 open-type 為 navigate、navigateBack 時有效，窗口顯示/關閉動畫的持續(xù)時間。	App
hover-class	String	navigator-hover	指定點擊時的樣式類，當hover-class="none"時，沒有點擊態(tài)效果	-
hover-stop-propagation	Boolean	false	指定是否阻止本節(jié)點的祖先節(jié)點出現(xiàn)點擊態(tài)	微信小程序
hover-start-time	Number	50	按住后多久出現(xiàn)點擊態(tài)，單位毫秒	-
hover-stay-time	Number	600	手指松開后點擊態(tài)保留時間，單位毫秒	-
target	String	self	在哪個小程序目標上發(fā)生跳轉，默認當前小程序，值域self/miniProgram	微信2.0.7+、百度2.5.2+、QQ

open-type 有效值

值	說明	平臺差異說明
navigate	對應 uni.navigateTo 的功能	-
redirect	對應 uni.redirectTo 的功能	-
switchTab	對應 uni.switchTab 的功能	-
reLaunch	對應 uni.reLaunch 的功能	字節(jié)跳動小程序與飛書小程序不支持
navigateBack	對應 uni.navigateBack 的功能	-
exit	退出小程序，target="miniProgram"時生效	微信2.1.0+、百度2.5.2+、QQ1.4.7+

官方文檔：https://uniapp.dcloud.net.cn/component/navigator.html#navigator

補充知識：uni-app怎么實現(xiàn)雙擊返回退出app

uni-app提供了一個監(jiān)聽返回按鈕的api：onBackPress(event)

//監(jiān)聽返回鍵
		onBackPress() {
			uni.showModal({
				title: '提示',
				content: '是否退出來聊？',
				success: function(res) {
					if (res.confirm) {
						// 退出當前應用，改方法只在App中生效  
						plus.runtime.quit();
					} else if (res.cancel) {
						console.log('用戶點擊取消');
					}
				}
			});
			return true //return true的意思是禁止返回到上一個界面
		},