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


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 相关文章推荐
Area 区域实现post提交数据的js写法
Apr 22 Javascript
javascript数组去重方法终极总结
Jun 05 Javascript
jQuery实现图片局部放大镜效果
Mar 17 Javascript
Node.js的npm包管理器基础使用教程
May 26 Javascript
学习JavaScript图片预加载模块
Nov 07 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
Apr 22 Javascript
详解离线安装npm包的几种方法
Nov 25 Javascript
小试SVG之新手小白入门教程
Jan 08 Javascript
javascript中数组的常用算法深入分析
Mar 12 Javascript
Vue的双向数据绑定实现原理解析
Feb 17 Javascript
JS简易计算器实例讲解
Jun 30 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实现快速排序法函数代码
2012/08/27 PHP
基于php缓存的详解
2013/05/15 PHP
JQuery AJAX实现目录浏览与编辑的代码
2008/10/21 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
javascript解析json数据的3种方式
2014/05/08 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
2015/03/04 Javascript
js时钟翻牌效果实现代码分享
2020/07/31 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
2015/11/19 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
js定义类的几种方法(推荐)
2016/06/08 Javascript
jQuery UI插件实现百度提词器效果
2016/11/21 Javascript
Angular中$broadcast和$emit的使用方法详解
2017/05/22 Javascript
vue微信分享 vue实现当前页面分享其他页面
2017/12/02 Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
2018/08/19 Javascript
Node.js API详解之 V8模块用法实例分析
2020/06/05 Javascript
js面试题之异步问题的深入理解
2020/09/20 Javascript
实现vuex原理的示例
2020/10/21 Javascript
深入解析Python中的descriptor描述器的作用及用法
2016/06/27 Python
详谈Python高阶函数与函数装饰器(推荐)
2017/09/30 Python
python使用matplotlib画饼状图
2018/09/25 Python
浅谈python3打包与拆包在函数的应用详解
2020/05/02 Python
python3.7+selenium模拟淘宝登录功能的实现
2020/05/26 Python
Windows环境下Python3.6.8 importError: DLLload failed:找不到指定的模块
2020/11/01 Python
消防安全检查制度
2014/02/04 职场文书
粗加工管理制度
2014/02/04 职场文书
写得不错的求职信范文
2014/07/11 职场文书
慈善捐赠倡议书
2014/08/30 职场文书
司法局群众路线教育实践活动整改措施
2014/09/17 职场文书
无犯罪记录证明
2014/09/19 职场文书
延安红色之旅心得体会
2014/10/07 职场文书
小兵张嘎观后感
2015/06/03 职场文书
观后感开头
2015/06/19 职场文书
Golang 实现超大文件读取的两种方法
2021/04/27 Golang
Keras多线程机制与flask多线程冲突的解决方案
2021/05/28 Python