主页 / 网络编程 /

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

网络编程 2021-07-04 15:50www.168986.cn编程入门
这篇文章主要介绍了微信小程序开发之点击按钮退出小程序的实现方法,本恩通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

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

详情参考官方文档。

示例代码

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

不过这个功能最低支持版本时 2.1.0 ，如果一定要使用这个功能，那么最好在小程序管理后台中设置最低基础库版本不低于2.1.0，如果对小程序支持的最低基础库低于2.1.0，那么可以对小程序基础库版本进行判断，支持小程序退出的就使用退出组件，如果不支持，那么就做好跳转到其他指定页面的兼容处理。 

wx.getSystemInfo({
      suess: 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狼蚁网站SEO优化看下一个超简单的方法

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

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

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

以上所述是长沙网络推广给大家介绍的微信小程序开发之点击按钮退出小程序的实现方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持！
如果你觉得本文对你有帮助，欢迎网络推广网站推广转载，烦请注明出处，谢谢！

上一篇：详解VUE前端按钮权限控制 下一篇：js最实用string(字符串)类型的使用及截取与拼接详

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by