微信小程序开发之如何实现点击按钮退出小程序

小编给大家分享一下微信小程序开发之如何实现点击按钮退出小程序，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

龙潭网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作，到程序开发，运营维护。创新互联2013年开创至今到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

微信小程序官方是没有提供退出的API的，但是在navigator这个组件中，是有退出这个功能的：

详情参考官方文档：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中的初始化变量
        })
       }
      }
     })

<navigator wx:if="{{exitApp}}" open-type="exit" target="miniProgram">关闭按钮</navigator>
 <navigator wx:else open-type="navigate" target="navigate" url='../../index/index'>返回首页</navigator>

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

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

对于小程序基础库版本分布可以查看官方统计说明：基础库版本分布。

PS：下面看下一个超简单的方法

小程序点击按钮退出小程序

很简单的只要把文档看详细了就ok

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

以上是“微信小程序开发之如何实现点击按钮退出小程序”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

网站题目：微信小程序开发之如何实现点击按钮退出小程序
本文来源：https://www.cdcxhl.com/article20/ppicco.html

成都网站建设公司_创新互联，为您提供App开发、自适应网站、电子商务、搜索引擎优化、做网站、定制网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联