浙里办二次回退已解决,兼容支付宝小程序和浙里办app

2074 ℃

1、先在index.html引入https://assets.zjzwfw.gov.cn/assets/ZWJSBridge/1.0.1/zwjsbridge.js

2、在首页写入回退事件

mounted() {
//二次回退
    const sUserAgent = window.navigator.userAgent.toLowerCase();
    const bIsAlipayMini =
      sUserAgent.indexOf("miniprogram") > -1 &&
      sUserAgent.indexOf("alipay") > -1;
    if (bIsAlipayMini) {
      console.log("我来自支付宝");
      window.addEventListener("popstate", this.listenerPopstate, true);
    } else {
      console.log("我来自浙里办");
      window.addEventListener("popstate", this.listenerPopstate, true);

    }
}
//销毁监听
destroyed() {
  console.log("销毁支付宝监听");
  window.removeEventListener("popstate", this.listenerPopstate, true);
},
methods: {
	//支付宝二次回退方法,addEventListener和removeEventListener一定要调用方法,不然无效
    listenerPopstate() {
      ZWJSBridge.close();
    },
}

开始在网上找方法,发现就一个版本,其它的应该都是采集,标题都一样!

进入前端入门建站教程官网入口

支付宝小程序的开发组件中文文档官网介绍

推荐一款由支付宝小程序官方推出的免费开源UI组件库——Ant Design Mini

浙里办小程序window.open失效解决方法(ios系统)

浙里办获取PV日志参数埋点

浙里办调用ZWJSBridge方法须知

标签: 二次回退, 支付宝小程序, 浙里办, 浙里办app

上面是“浙里办二次回退已解决,兼容支付宝小程序和浙里办app”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_1439.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
wordpress插件WP-PostViews文章阅读量显示为0解决方法
Flink窗口有哪些类型介绍?
wordpress技巧如何获取上一篇下一篇文章链接
vuejs如何实现切换浏览器实时监听
编写HTML5文档时,为什么要遵守W3C标准?