快捷導(dǎo)航

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

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

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

使用場(chǎng)景：

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

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

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

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

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

navigator

頁面跳轉(zhuǎn)。

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

屬性：

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

open-type 有效值

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

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

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

uni-app提供了一個(gè)監(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('用戶點(diǎn)擊取消');
					}
				}
			});
			return true //return true的意思是禁止返回到上一個(gè)界面
		},

總結(jié)

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

您可能感興趣的文章: