溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

微信小程序開(kāi)發(fā)之如何實(shí)現(xiàn)點(diǎn)擊按鈕退出小程序

發(fā)布時(shí)間:2021-08-02 10:40:15 來(lái)源:億速云 閱讀:192 作者:小新 欄目:web開(kāi)發(fā)

小編給大家分享一下微信小程序開(kāi)發(fā)之如何實(shí)現(xiàn)點(diǎn)擊按鈕退出小程序,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

微信小程序官方是沒(méi)有提供退出的API的,但是在navigator這個(gè)組件中,是有退出這個(gè)功能的:

微信小程序開(kāi)發(fā)之如何實(shí)現(xiàn)點(diǎn)擊按鈕退出小程序

詳情參考官方文檔:navigator。

示例代碼:

 <navigator open-type="exit" target="miniProgram">關(guān)閉小程序</navigator>

不過(guò)這個(gè)功能最低支持版本時(shí) 2.1.0 ,如果一定要使用這個(gè)功能,那么最好在小程序管理后臺(tái)中設(shè)置最低基礎(chǔ)庫(kù)版本不低于2.1.0,如果對(duì)小程序支持的最低基礎(chǔ)庫(kù)低于2.1.0,那么可以對(duì)小程序基礎(chǔ)庫(kù)版本進(jìn)行判斷,支持小程序退出的就使用退出組件,如果不支持,那么就做好跳轉(zhuǎn)到其他指定頁(yè)面的兼容處理。 

wx.getSystemInfo({
      success: function(res) {
       if(res.SDKVersion>="2.1.0"){
        self.setData({
        exitApp:true//data中的初始化變量
        })
       }
      }
     })
<navigator wx:if="{{exitApp}}" open-type="exit" target="miniProgram">關(guān)閉按鈕</navigator>
 <navigator wx:else open-type="navigate" target="navigate" url='../../index/index'>返回首頁(yè)</navigator>

如果是首頁(yè),那么就直接不處理這個(gè)返回退出了。

注:由于不是API,所以不能使用wx.canIUse(string)的方式進(jìn)行判斷了,所以只能通過(guò)獲取系統(tǒng)信息的方式獲取小程序基礎(chǔ)庫(kù)版本,以此來(lái)判斷。

對(duì)于小程序基礎(chǔ)庫(kù)版本分布可以查看官方統(tǒng)計(jì)說(shuō)明:基礎(chǔ)庫(kù)版本分布。

PS:下面看下一個(gè)超簡(jiǎn)單的方法

小程序點(diǎn)擊按鈕退出小程序

很簡(jiǎn)單的只要把文檔看詳細(xì)了就ok

![image](http://note.youdao.com/yws/res/917/480F8E5BC3A54330A34950C807EE6B85)
<navigator hover-class="none" target="miniProgram" open-type="exit"> 退出當(dāng)前小程序</navigator>

以上是“微信小程序開(kāi)發(fā)之如何實(shí)現(xiàn)點(diǎn)擊按鈕退出小程序”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI