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


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 相关文章推荐
Javascript 面试题随笔
Mar 31 Javascript
JS画线(实例代码)
Nov 20 Javascript
js+css实现tab菜单切换效果的方法
Jan 20 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
微信小程序 教程之WXML
Oct 18 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
Sep 27 Javascript
使用rollup打包JS的方法步骤
Dec 05 Javascript
详解vantUI框架在vue项目中的应用踩坑
Dec 06 Javascript
layui原生表单验证的实例
Sep 09 Javascript
vue项目强制清除页面缓存的例子
Nov 06 Javascript
vue实现购物车结算功能
Jun 18 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
Aug 04 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获取字段名示例分享
2014/03/03 PHP
浅谈php命令行用法
2015/02/04 PHP
PHP判断网络文件是否存在的方法
2015/03/12 PHP
php array_walk 对数组中的每个元素应用用户自定义函数详解
2016/11/18 PHP
详解如何在云服务器上部署Laravel
2017/06/30 PHP
又一个小巧的图片预加载类
2007/05/05 Javascript
jQuery 研究心得 取得属性的值
2007/11/30 Javascript
jQuery中操控hidden、disable等无值属性的方法
2014/01/06 Javascript
js unicode 编码解析关于数据转换为中文的两种方法
2014/04/21 Javascript
javascript将数字转换整数金额大写的方法
2015/01/27 Javascript
介绍JavaScript的一个微型模版
2015/06/24 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
原生js实现简单的Ripple按钮实例代码
2017/03/24 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
2017/09/18 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
3种vue组件的书写形式
2017/11/29 Javascript
创建echart多个联动的示例代码
2018/11/23 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
2019/01/18 Javascript
通过vue手动封装on、emit、off的代码详解
2019/05/29 Javascript
python微信撤回监测代码
2019/04/29 Python
python实现比对美团接口返回数据和本地mongo数据是否一致示例
2019/08/09 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
python如何编写win程序
2020/06/08 Python
Python轻量级web框架bottle使用方法解析
2020/06/13 Python
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
2016/03/15 HTML / CSS
澳大利亚最大的在线美发和美容零售商之一:My Hair Care & Beauty
2019/08/24 全球购物
杭州-DOTNET笔试题集
2013/09/25 面试题
网络工程师面试(三木通信技术有限公司)
2013/06/05 面试题
高中毕业生自我鉴定
2013/11/03 职场文书
外贸实习生自荐信范文
2013/11/24 职场文书
优秀教师获奖感言
2014/01/31 职场文书
王老吉广告词
2014/03/20 职场文书
购房意向书
2014/04/01 职场文书
2014年打非治违工作总结
2014/11/13 职场文书
Golang 切片(Slice)实现增删改查
2022/04/22 Golang