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


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 相关文章推荐
java script编程起步(第三课)
Jan 10 Javascript
JavaScript 快捷键设置实现代码
Mar 13 Javascript
纯JS实现动态时间显示代码
Feb 08 Javascript
JQuery中基础过滤选择器用法实例分析
May 18 Javascript
jQuery原生的动画效果
Jul 10 Javascript
使用JQuery在线制作ppt并在线演示源码特效
Sep 08 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
Oct 11 Javascript
深入理解Node module模块
Mar 26 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
Aug 29 Javascript
vue完成项目后,打包成静态文件的方法
Sep 03 Javascript
微信打开网址添加在浏览器中打开提示的办法
May 20 Javascript
解决echarts数据二次渲染不成功的问题
Jul 20 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
phpphp图片采集后按原路径保存图片示例
2014/02/18 PHP
PHP实现随机数字、字母的验证码功能
2018/08/01 PHP
使用laravel根据用户类型来显示或隐藏字段
2019/10/17 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
jQuery实战之仿淘宝商城左侧导航效果
2011/04/12 Javascript
jquery实现输入框动态增减的实例代码
2013/07/14 Javascript
基于jQuery实现音乐播放试听列表
2016/04/14 Javascript
微信支付 JS API支付接口详解
2016/07/11 Javascript
Vue仿支付宝支付功能
2018/05/25 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
2018/05/31 Javascript
vue forEach循环数组拿到自己想要的数据方法
2018/09/21 Javascript
vue通过cookie获取用户登录信息的思路详解
2018/10/30 Javascript
JavaScript实现随机点名器实例详解
2019/05/07 Javascript
Vue使用Proxy监听所有接口状态的方法实现
2019/06/07 Javascript
Postman环境变量全局变量使用方法详解
2020/08/13 Javascript
在Python的struct模块中进行数据格式转换的方法
2015/06/17 Python
取numpy数组的某几行某几列方法
2018/04/03 Python
使用Anaconda3建立虚拟独立的python2.7环境方法
2018/06/11 Python
python3实现windows下同名进程监控
2018/06/21 Python
基于python中theano库的线性回归
2018/08/31 Python
pygame游戏之旅 计算游戏中躲过的障碍数量
2018/11/20 Python
python 实现数据库中数据添加、查询与更新的示例代码
2020/12/07 Python
详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)
2020/11/16 HTML / CSS
摩顿布朗英国官方网上商店:奢华沐浴、身体和头发护理
2016/10/29 全球购物
ABOUT YOU匈牙利:500个最受欢迎的时尚品牌
2019/07/19 全球购物
laravel使用redis队列实例讲解
2021/03/23 PHP
小学教师事迹材料
2014/01/13 职场文书
继承公证书
2014/04/09 职场文书
应急处置方案
2014/06/16 职场文书
五一促销活动总结
2014/07/01 职场文书
2015纪念九一八事变84周年演讲稿
2015/03/19 职场文书
2016年政治理论学习心得体会
2016/01/25 职场文书
postgresql使用filter进行多维度聚合的解决方法
2021/07/16 PostgreSQL
【海涛教你打dota】体验一超神发条:咱是抢盾专业户
2022/04/01 DOTA
HTML5中的DOCUMENT.VISIBILITYSTATE属性详解
2023/05/07 HTML / CSS
Li list-style-image 图片垂直居中实现方法
2023/05/21 HTML / CSS