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


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 相关文章推荐
Google Suggest ;-) 基于js的动态下拉菜单
Oct 11 Javascript
短信提示使用 特效
Jan 19 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件打包下载
Sep 15 Javascript
jQuery学习笔记之jQuery的事件
Dec 22 Javascript
Javascript代码在页面加载时的执行顺序介绍
May 03 Javascript
javascript 处理null及null值示例
Jun 09 Javascript
Node.js 文件夹目录结构创建实例代码
Jul 08 Javascript
基于原生JS实现图片裁剪
Aug 01 Javascript
jQuery实现大图轮播
Feb 13 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
详解vue使用vue-layer-mobile组件实现toast,loading效果
Aug 31 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 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
yii框架源码分析之创建controller代码
2011/06/28 PHP
PHP 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
如何运行/调试你的PHP代码
2020/10/23 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
在IE中调用javascript打开Excel的代码(downmoon原作)
2007/04/02 Javascript
javascript引用对象的方法代码
2007/08/13 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
Jquery 实现grid绑定模板
2015/01/28 Javascript
js实现异步循环实现代码
2016/02/16 Javascript
Javascript的表单验证长度
2016/03/16 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
2017/03/21 jQuery
layer弹窗插件操作方法详解
2017/05/19 Javascript
vue2.0$nextTick监听数据渲染完成之后的回调函数方法
2018/09/11 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
2020/05/13 Javascript
vue $router和$route的区别详解
2020/12/02 Vue.js
vue3.0 项目搭建和使用流程
2021/03/04 Vue.js
python中元类用法实例
2014/10/10 Python
python 文件转成16进制数组的实例
2018/07/09 Python
Django-Rest-Framework 权限管理源码浅析(小结)
2018/11/12 Python
django-rest-swagger对API接口注释的方法
2019/08/29 Python
python matplotlib 画dataframe的时间序列图实例
2019/11/20 Python
Django框架反向解析操作详解
2019/11/28 Python
Pycharm安装并配置jupyter notebook的实现
2020/05/18 Python
python怎么判断素数
2020/07/01 Python
如何使用css3实现一个类在线直播的队列动画的示例代码
2020/06/17 HTML / CSS
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
2017/08/24 HTML / CSS
求∏的近似值,直到最后一项的绝对值小于指定的数
2016/02/12 面试题
医院辞职信范文
2014/01/17 职场文书
《母鸡》教学反思
2014/02/25 职场文书
十八届三中全会感言
2014/03/10 职场文书
2016年世界人口日宣传活动总结
2016/04/05 职场文书
Css预编语言及区别详解
2021/04/25 HTML / CSS
python神经网络编程之手写数字识别
2021/05/08 Python
SQL Server查询某个字段在哪些表中存在
2022/03/03 SQL Server
游戏《铁拳》动画化!2022年年内播出
2022/03/21 日漫
室外天线与收音机天线杆接合方法
2022/04/05 无线电