vue中企业微信 wx.onHistoryBack详解:
问题:企业微信开发中,存在一个问题,就是企业微信页面一般没有页头,我们点击企业微信“返回”不能控制跳转到指定的页面,造成的后果就会出现可能在两个页面来回跳转的现象。解决方案:此时我们就可以使用企业微信api—>wx.onHistoryBack解释:wx.onHistoryBack(function(){return false});必须retur...
-
问题:企业微信开发中,存在一个问题,就是企业微信页面一般没有页头,我们点击企业微信“返回”不能控制跳转到指定的页面,
造成的后果就会出现可能在两个页面来回跳转的现象。 -
解决方案:此时我们就可以使用企业微信api—>wx.onHistoryBack
-
解释:wx.onHistoryBack(() => { return false });必须return true或return false,return false表示不执行返回的操作
-
基本用法(步骤):
1.引入微信sdk,此时存在一个很大的坑,就是通过npm导入的依赖包里面是不存在onHistoryBack方法的,所有只能通过cdn方式引入,
2.在工程下build目录webpack.base.conf.js下的module.exports节点下新增externals: { ‘weixin-js-sdk’: ‘weixinJsSdk’ }
3.如果之前通过npm安装了微信sdk的包最好卸载掉,在页面import微信sdk的部分一定要删掉
4.在除首页的其他页面的mounted()钩子函数中加上如下代码,需要解释的是在return false之前指定路由跳转,指定跳转到某个页面
wx.onHistoryBack(() => {
this.$router.push({name: ‘addressList’})
return false
});5.在首页的mounted()钩子函数加上如下代码,点击返回按钮关闭微信程序(窗口)
wx.onHistoryBack(() => {
wx.closeWindow();
return false;
});
更多推荐
所有评论(0)