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


Posted in Javascript onApril 26, 2019

微信小程序官方是没有提供退出的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>

总结

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

Javascript 相关文章推荐
完美解决JS中汉字显示乱码问题(已解决)
Dec 27 Javascript
JavaScript 继承详解(四)
Jul 13 Javascript
jQuery学习笔记之jQuery的动画
Dec 22 Javascript
javascript实现简单的二级联动
Mar 19 Javascript
jQuery表单验证之密码确认
May 22 jQuery
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
Jun 23 Javascript
vue.js2.0 实现better-scroll的滚动效果实例详解
Aug 13 Javascript
javascript动态创建对象的属性详解
Nov 07 Javascript
vue+SSM实现验证码功能
Dec 07 Javascript
微信小程序如何刷新当前界面的实现方法
Jun 07 Javascript
vue父组件给子组件的组件传值provide inject的方法
Oct 23 Javascript
javascript局部自定义鼠标右键菜单
Dec 08 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
Apr 26 #Javascript
微信小程序实现的绘制table表格功能示例
Apr 26 #Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
Apr 26 #Javascript
微信小程序如何修改本地缓存key中单个数据的详解
Apr 26 #Javascript
js验证身份证号码记录的方法
Apr 26 #Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
Apr 26 #Javascript
react高阶组件添加和删除props
Apr 26 #Javascript
You might like
php中explode与split的区别介绍
2012/10/03 PHP
php保存二进制原始数据为图片的程序代码
2014/10/14 PHP
php自动识别文字编码并转换为目标编码的方法
2015/08/08 PHP
FireFox与IE 下js兼容触发click事件的代码
2008/11/20 Javascript
jQuery ready函数滥用分析
2011/02/16 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
2011/05/23 Javascript
Javascript new Date().valueOf()的作用与时间戳由来详解
2013/04/24 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
使用js完成节点的增删改复制等的操作
2014/01/02 Javascript
node.js中的fs.fchmod方法使用说明
2014/12/16 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
2015/03/04 Javascript
删除javascript所创建子节点的方法
2015/05/21 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
2016/11/29 Javascript
JS字符串false转boolean的方法(推荐)
2017/03/08 Javascript
jQuery使用ajax_动力节点Java学院整理
2017/07/05 jQuery
JavaScript事件处理程序详解
2017/09/19 Javascript
JS实现的文字间歇循环滚动效果完整示例
2018/02/13 Javascript
Bootstrap 中data-[*] 属性的整理
2018/03/13 Javascript
Angular数据绑定机制原理
2018/04/17 Javascript
Vue中fragment.js使用方法小结
2020/02/17 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
[06:36]吞吞映像top1
2014/06/20 DOTA
[48:45]Ti4 循环赛第二日 NEWBEE vs EG
2014/07/11 DOTA
python爬虫之百度API调用方法
2017/06/11 Python
对Python 简单串口收发GUI界面的实例详解
2019/06/12 Python
python集合删除多种方法详解
2020/02/10 Python
torchxrayvision包安装过程(附pytorch1.6cpu版安装)
2020/08/26 Python
解决Python安装cryptography报错问题
2020/09/03 Python
香港现代设计家具品牌:Ziinlife Furniture
2018/11/13 全球购物
教师党性分析材料
2014/02/04 职场文书
硕士研究生求职自荐信范文
2014/03/11 职场文书
英语一分钟演讲稿
2014/04/29 职场文书
农村婚庆主持词
2015/06/29 职场文书
html+css 实现简易导航栏功能
2021/04/07 HTML / CSS
Nginx配置Https安全认证的实现
2021/05/26 Servers
实现GO语言对数组切片去重
2022/04/20 Golang