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


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 相关文章推荐
JQuery中阻止事件冒泡几种方式及其区别介绍
Jan 15 Javascript
如何将网页表格内容导入excel
Feb 18 Javascript
自己用jQuery写了一个图片的马赛克消失效果
May 04 Javascript
Bootstrap选项卡动态切换效果
Nov 28 Javascript
详解jquery easyui之datagrid使用参考
Dec 05 Javascript
Vue computed计算属性的使用方法
Jul 14 Javascript
JS同步、异步、延迟加载的方法
May 05 Javascript
JavaScript中关于base64的一些事
May 06 Javascript
jquery图片预览插件实现方法详解
Jul 18 jQuery
js实现车辆管理系统
Aug 26 Javascript
js实现圆形菜单选择器
Dec 03 Javascript
vue-router懒加载的3种方式汇总
Feb 28 Vue.js
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常用函数的使用汇总
2013/06/08 PHP
分享自定义的几个PHP功能函数
2015/04/15 PHP
PHP实现冒泡排序的简单实例
2016/05/26 PHP
浅谈php处理后端&amp;接口访问超时的解决方法
2016/10/29 PHP
js function使用心得
2010/05/10 Javascript
ASP.NET中基于JQUERY的高性能的TreeView补充
2011/02/23 Javascript
深入了解javascript中的prototype与继承
2013/04/14 Javascript
JavaScript简单实现网页回到顶部功能
2013/11/12 Javascript
js判断设备是否为PC并调整图片大小
2014/02/12 Javascript
javascript对象的使用和属性操作示例详解
2014/03/02 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
2015/04/06 Javascript
快速学习JavaScript的6个思维技巧
2015/10/13 Javascript
莱鸟介绍javascript onclick事件
2016/01/06 Javascript
js滑动提示效果代码分享
2016/03/10 Javascript
BootStrap Datetimepicker 汉化的实现代码
2017/02/10 Javascript
angular 动态组件类型详解(四种组件类型)
2017/02/22 Javascript
JavaScript 数据类型详解
2017/03/13 Javascript
JS实现常见的查找、排序、去重算法示例
2018/05/21 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
js实现删除json中指定的元素
2020/09/22 Javascript
[43:24]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.12
2020/12/17 DOTA
python使用webbrowser浏览指定url的方法
2015/04/04 Python
python随机数分布random测试
2018/08/27 Python
python如何删除文件中重复的字段
2019/07/16 Python
Django 缓存配置Redis使用详解
2019/07/23 Python
Python3.6 + TensorFlow 安装配置图文教程(Windows 64 bit)
2020/02/24 Python
Python 实现简单的客户端认证
2020/07/29 Python
使用Python画了一棵圣诞树的实例代码
2020/11/27 Python
美国卡车、吉普车和SUV零件网站:4 Wheel Parts
2016/11/24 全球购物
阿德的梦教学反思
2014/02/06 职场文书
汽车运用工程专业求职信
2014/06/18 职场文书
违反交通安全法检讨书
2014/10/24 职场文书
2014年街道办事处工作总结
2014/12/11 职场文书
电影雨中的树观后感
2015/06/15 职场文书
教你怎么用PyCharm为同一服务器配置多个python解释器
2021/05/31 Python
css中z-index: 0和z-index: auto的区别
2021/08/23 HTML / CSS