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


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 相关文章推荐
索趣科技的答案
Feb 07 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
Apr 08 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
浅析JavaScript中的特殊数据类型
Dec 15 Javascript
JavaScript中的高级函数
Jan 04 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
Apr 17 Javascript
vue.js编译时给生成的文件增加版本号
Sep 17 Javascript
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
详解js创建对象的几种方法及继承
Apr 12 Javascript
使用 js 简单的实现 bind、call 、aplly代码实例
Sep 07 Javascript
浅谈Three.js截图并下载的大坑
Nov 01 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实现的css文件背景图片下载器代码
2014/11/11 PHP
PHP检测用户语言的方法
2015/06/15 PHP
jquery的ajax简单结构示例代码
2014/02/17 Javascript
跟我学习javascript的Date对象
2015/11/19 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
2017/03/25 jQuery
Vue2.0 从零开始_环境搭建操作步骤
2017/06/14 Javascript
深入理解Webpack 中路径的配置
2017/06/17 Javascript
浅谈在node.js进入文件目录的问题
2018/05/13 Javascript
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
node.js Promise对象的使用方法实例分析
2019/12/26 Javascript
JS实现网页时钟特效
2020/03/25 Javascript
Python入门篇之列表和元组
2014/10/17 Python
Python处理json字符串转化为字典的简单实现
2016/07/07 Python
Python 12306抢火车票脚本 Python京东抢手机脚本
2018/02/06 Python
python实现将一个数组逆序输出的方法
2018/06/25 Python
python画一个玫瑰和一个爱心
2020/08/18 Python
树莓派使用USB摄像头和motion实现监控
2019/06/22 Python
python 字符串常用方法汇总详解
2019/09/16 Python
基于Python新建用户并产生随机密码过程解析
2019/10/08 Python
JupyterNotebook 输出窗口的显示效果调整实现
2020/09/22 Python
Django Model层F,Q对象和聚合函数原理解析
2020/11/12 Python
越南电子产品购物网站:FPT Shop
2017/12/02 全球购物
物流专业大学应届生求职信
2013/11/03 职场文书
军神教学反思
2014/02/04 职场文书
剪枝的学问教学反思
2014/02/07 职场文书
完美主义个人的自我评价
2014/02/17 职场文书
大学四年个人的自我评价
2014/02/26 职场文书
大学生村官演讲稿
2014/04/25 职场文书
小学校长竞聘演讲稿
2014/05/16 职场文书
教学改革问题查摆整改措施
2014/09/27 职场文书
作弊检讨书
2015/01/27 职场文书
大学生个人简历自荐信
2015/03/06 职场文书
思想工作总结范文
2015/08/12 职场文书
单机多实例部署 MySQL8.0.20
2022/05/15 MySQL