控制微信公众号物理键返回url

总有一些奇葩的需求,在公众号中,如果你写的模块是一个公众号的子模块,那么当你在模块的第一级时,再点返回,应该是返回到公众号的主页,也就是模块区域,而不是返回你上一个地址,直接上代码

1-先监听到物理返回键,

在mounted钩子定义,再去destroyed重定向

 

mounted() {
			// 重定向移动端物理键
			if (window.history && window.history.pushState) {
			history.pushState(null, null, document.URL);
			window.addEventListener('popstate', this.goBack, false);
	}
},
destroyed() {
			// 重定向移动端物理键
			window.removeEventListener('popstate', this.goBack, false);
		},
  methods:{
      // 重定向移动端物理键
			goBack() {
				      // WeixinJSBridge.call("closeWindow");
				      let _this = this;
				      let securityCode = "",
				        backUrl = "";
				      for (let i = 0; i < _this.utils.schoolInfos.length; i++) {
				        if (_this.school_id == _this.utils.schoolInfos[i].id) {
				          securityCode = _this.utils.schoolInfos[i].securityCode;
				        }
				      }
				      if (_this.utils.isProduct) {
						  // 生产跳转这个
				        backUrl =
				          "https://testUrl/index.html?school=" +
				          securityCode +
				          "#/AppMore";
				      } else {
						  // 测试跳转这个
				        backUrl =
				          "https://testUrl/index.html?school=" +
				          securityCode +
				          "#/AppMore";
				      }
				      setTimeout(() => {
				        window.location.href = backUrl;
				      }, 300);
			},
  }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值