微信小程序 - 点击按钮退出小程序的解决方案（以及不兼容解决方案）

浅浅的花香味﹌ 2022-12-11 15:16 931阅读 0赞

## 前言 ##

有时候，当用户点击按钮时 **将小程序直接退出**，而不是由用户点击右上角 `小程序胶囊` 关闭。

## 方案 ##

> 官方文档：[https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html][https_developers.weixin.qq.com_miniprogram_dev_component_navigator.html]

直接使用 `<navigator>` 组件即可，具体代码如下：

<navigator open-type="exit" target="miniProgram">关闭小程序</navigator>

## 注意事项 ##

> 你可能出现不兼容的问题。

这个功能最低支持版本时 `2.1.0` ，如果一定要使用这个功能，那么最好在小程序管理后台中设置最低基础库版本不低于 `2.1.0`。

如果对小程序支持的最低基础库低于 `2.1.0`，那么可以对小程序基础库版本进行判断，支持小程序退出的就使用退出组件，如果不支持，那么就做好跳转到其他指定页面的兼容处理。

wx.getSystemInfo({ 
     success: function(res) { 
      if(res.SDKVersion>="2.1.0"){ 
       self.setData({ 
       exitApp:true//data中的初始化变量
       })
      }
     }
    })

如果是首页，那么就直接不处理这个返回退出了。

注：由于不是 `API`，所以不能使用 `wx.canIUse(string)` 的方式进行判断了，所以只能通过获取系统信息的方式获取小程序基础库版本，以此来判断。

[https_developers.weixin.qq.com_miniprogram_dev_component_navigator.html]: https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html