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


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 相关文章推荐
js prototype截取字符串函数
Apr 01 Javascript
Javascript实现简单的富文本编辑器附演示
Jun 16 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
Feb 17 Javascript
微信QQ的二维码登录原理js代码解析
Jun 23 Javascript
Node.js之网络通讯模块实现浅析
Apr 01 Javascript
Vue.js仿Metronic高级表格(二)数据渲染
Apr 19 Javascript
vue学习笔记之v-if和v-show的区别
Sep 20 Javascript
js原生实现移动端手指滑动轮播图效果的示例
Jan 02 Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
Mar 03 Javascript
ES6 Class中实现私有属性的一些方法总结
Jul 08 Javascript
vue 导出文件,携带请求头token操作
Sep 10 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程序中的常见漏洞进行攻击
2006/10/09 PHP
在 PHP 中使用随机数的三个步骤
2006/10/09 PHP
php实现cc攻击防御和防止快速刷新页面示例
2014/02/13 PHP
PHP使用ob_start生成html页面的方法
2014/11/07 PHP
PHP调试的强悍利器之PHPDBG
2016/02/22 PHP
php版微信公众平台接口参数调试实现判断用户行为的方法
2016/09/23 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
Vue Ajax跨域请求实例详解
2017/06/20 Javascript
js获取地址栏参数的两种方法
2017/06/27 Javascript
Vue之Watcher源码解析(1)
2017/07/19 Javascript
[js高手之路]单例模式实现模态框的示例
2017/09/01 Javascript
基于JavaScript实现每日签到打卡轨迹功能
2018/11/29 Javascript
解决layui弹框失效的问题
2019/09/09 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
2020/02/07 Javascript
Python(TensorFlow框架)实现手写数字识别系统的方法
2018/05/29 Python
Python使用reportlab模块生成PDF格式的文档
2019/03/11 Python
用Pytorch训练CNN(数据集MNIST,使用GPU的方法)
2019/08/19 Python
python之array赋值技巧分享
2019/11/28 Python
python多线程实现代码(模拟银行服务操作流程)
2020/01/13 Python
python实现拼图小游戏
2020/02/22 Python
python实现秒杀商品的微信自动提醒功能(代码详解)
2020/04/27 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
django下创建多个app并设置urls方法
2020/08/02 Python
python爬虫scrapy基于CrawlSpider类的全站数据爬取示例解析
2021/02/20 Python
HTML5实现视频弹幕功能
2019/08/09 HTML / CSS
英国时尚女装购物网站:Missguided
2018/08/23 全球购物
阿迪达斯英国官方网站:adidas英国
2019/08/13 全球购物
Discard Protocol抛弃协议的作用是什么
2015/10/10 面试题
师范学院教师自荐书
2014/01/31 职场文书
2014年学校食堂工作总结
2014/11/25 职场文书
我爱我班主题班会
2015/08/13 职场文书
Pyqt5将多个类组合在一个界面显示的完整示例
2021/09/04 Python
MySQL笔记 —SQL运算符
2022/01/18 MySQL
利用Python将list列表写入文件并读取的方法汇总
2022/03/25 Python