如何在微信小程序里面退出小程序的方法


Posted in Javascript onApril 28, 2019

公司要求用小程序重构已有的微信公众号,于是没接触过小程序的我。。。好的,直接进入主题。

如何在小程序里面退出小程序。

这个功能基本上都会用到,而文档里面没有找到如微信一样直接的api:

WeixinJSBridge.call('closeWindow');

于是我就各种上网搜,好的,结果告诉我小程序已经出了这个api,但未公开= =||| 那就是说 现在 是没有这个api的(掀桌!),查了又查,是有一个方法,就是利用现有的api自己做一个。

如何在微信小程序里面退出小程序的方法

是的,就是用这几个美丽的东西。

首先我们有两个页面,index和a。

app.js设置一个全局变量flag:

globalData: {
  flag:false
 }

index.wxml:

<button bindtap='toa'>to a</button>

index.js:

toa(){//跳转至a页面
  wx.navigateTo({
   url: '../a/a',
  })
 },
 onLoad: function () {
  if (app.globalData.flag) {//如果flag为true,退出
   wx.navigateBack({
    delta:1
   })
  } else {
   console.log('这里是index')
  }
 },

a.wxml:

<!--pages/a/a.wxml-->
<text>pages/a/a.wxml</text>
<button bindtap='close'>close</button>

a.js:

close(){
  app.globalData.flag=true;
  wx.reLaunch({
   url: '../index/index',
  })  
 },

点击按钮to a跳转至a页面,然后点击close就可以退出小程序。
在这里,close函数要把全局变量app.globalData.flag置为true,然后使用wx.reLaunch把所有的页面关闭,在跳转至index的时候,利用wx.navigateBack返回上一页,因为页面栈没有东西,就会退出小程序了。

如何在微信小程序里面退出小程序的方法

以上所述是小编给大家介绍的如何在微信小程序里面退出小程序的方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript常用运算符(Operators)-javascript基础教程
Dec 14 Javascript
几个javascript操作word的参考代码
Oct 26 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 Javascript
zTree插件之多选下拉菜单实例代码
Nov 06 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
Aug 22 Javascript
JQuery Mobile 弹出式登录框的实现方法
May 28 Javascript
JS实现页面跳转参数不丢失的方法
Nov 28 Javascript
HTML的select控件美化
Mar 27 Javascript
JavaScript之生成器_动力节点Java学院整理
Jun 30 Javascript
详解angularjs获取元素以及angular.element()用法
Jul 25 Javascript
在微信小程序里使用watch和computed的方法
Aug 02 Javascript
React+Webpack快速上手指南(小结)
Aug 15 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
Apr 28 #Javascript
详解小程序退出页面时清除定时器
Apr 28 #Javascript
详解在Javascript中进行面向切面编程
Apr 28 #Javascript
js比较两个单独的数组或对象是否相等的实例代码
Apr 28 #Javascript
详解在HTTPS 项目中使用百度地图 API
Apr 26 #Javascript
vue操作动画的记录animate.css实例代码
Apr 26 #Javascript
JS原生瀑布流效果实现
Apr 26 #Javascript
You might like
php中\r \r\n \t的区别示例介绍
2014/02/08 PHP
2014最热门的24个php类库汇总
2014/12/18 PHP
thinkphp5.1 文件引入路径问题及注意事项
2018/06/13 PHP
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
JQuery扩展插件Validate 5添加自定义验证方法
2011/09/05 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
onbeforeunload与onunload事件异同点总结
2013/06/24 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
JavaScript中的闭包(Closure)详细介绍
2014/12/30 Javascript
jQuery弹出层插件Lightbox_me使用指南
2015/04/21 Javascript
13个PHP函数超实用
2015/10/21 Javascript
JS表格组件神器bootstrap table详解(基础版)
2015/12/08 Javascript
php基于redis处理session的方法
2016/03/14 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
2016/04/06 Javascript
使用plupload自定义参数实现多文件上传
2016/07/19 Javascript
AngularJS过滤器filter用法分析
2016/12/11 Javascript
使用grunt合并压缩js和css文件的方法
2017/03/02 Javascript
Array数组对象中的forEach、map、filter及reduce详析
2018/08/02 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
2019/07/13 Javascript
javascript中可能用得到的全部的排序算法
2020/03/05 Javascript
Element-UI 使用el-row 分栏布局的教程
2020/10/26 Javascript
[09:22]2014DOTA2西雅图国际邀请赛 主赛事第二日TOPPLAY
2014/07/21 DOTA
使用Python脚本操作MongoDB的教程
2015/04/16 Python
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
使用 Python 实现微信群友统计器的思路详解
2018/09/26 Python
详解Python 定时框架 Apscheduler原理及安装过程
2019/06/14 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
python如何使用Redis构建分布式锁
2020/01/16 Python
利用pyecharts读取csv并进行数据统计可视化的实现
2020/04/17 Python
python os.rename实例用法详解
2020/12/06 Python
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
2013/11/05 HTML / CSS
全球性的奢侈品梦工厂:Forzieri(福喜利)
2019/02/20 全球购物
电信专业毕业生推荐信
2013/11/18 职场文书
专业求职信撰写要诀
2014/02/18 职场文书
前台岗位职责范本
2015/04/16 职场文书
民主生活会主持词
2015/07/01 职场文书