快捷導(dǎo)航

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

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

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

使用場景：

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

一、退出當(dāng)前小程序

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

二、小程序由APP跳轉(zhuǎn)而來，點擊按鈕退回APP

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

navigator

頁面跳轉(zhuǎn)。

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

屬性：

屬性名	類型	默認(rèn)值	說明	平臺差異說明
url	String	-	應(yīng)用內(nèi)的跳轉(zhuǎn)鏈接，值為相對路徑或絕對路徑，如：“…/first/first”，“/pages/first/first”，注意不能加 .vue 后綴	-
open-type	String	navigate	跳轉(zhuǎn)方式	-
delta	Number	-	當(dāng) open-type 為 ‘navigateBack’ 時有效，表示回退的層數(shù)	-
animation-type	String	pop-in/out	當(dāng) open-type 為 navigate、navigateBack 時有效，窗口的顯示/關(guān)閉動畫效果	App
animation-duration	Number	300	當(dāng) open-type 為 navigate、navigateBack 時有效，窗口顯示/關(guān)閉動畫的持續(xù)時間。	App
hover-class	String	navigator-hover	指定點擊時的樣式類，當(dāng)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	在哪個小程序目標(biāo)上發(fā)生跳轉(zhuǎn)，默認(rèn)當(dāng)前小程序，值域self/miniProgram	微信2.0.7+、百度2.5.2+、QQ

open-type 有效值

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

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

補(bǔ)充知識：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) {
						// 退出當(dāng)前應(yīng)用，改方法只在App中生效  
						plus.runtime.quit();
					} else if (res.cancel) {
						console.log('用戶點擊取消');
					}
				}
			});
			return true //return true的意思是禁止返回到上一個界面
		},

總結(jié)

到此這篇關(guān)于uniapp退出關(guān)閉當(dāng)前小程序或APP簡單實現(xiàn)的文章就介紹到這了,更多相關(guān)uniapp退出關(guān)閉小程序/APP內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: