uniapp退出關(guān)閉當(dāng)前小程序或APP的簡單實現(xiàn)
使用場景:
進(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)文章希望大家以后多多支持腳本之家!
相關(guān)文章
兩種常用的javascript數(shù)組去重方法思路及代碼
第一種是常規(guī)的方法:建一個新的數(shù)組存放結(jié)果,for循環(huán)中每次從原數(shù)組中取出一個元素,用indexOf查找新數(shù)組中是否有該元素,至于第二種詳細(xì)的看下本文哦2013-03-03PHP配置文件php.ini中打開錯誤報告的設(shè)置方法
這篇文章主要介紹了PHP配置文件php.ini中打開錯誤報告的設(shè)置方法,需要的朋友可以參考下2015-01-01一文了解JavaScript中call/apply/bind的使用
這篇文章主要介紹了一文了解JavaScript中call/apply/bind的使用,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,需要的朋友可以參考一下2022-07-07