vue中企业微信 wx.onHistoryBack详解:

  • 问题:企业微信开发中,存在一个问题,就是企业微信页面一般没有页头,我们点击企业微信“返回”不能控制跳转到指定的页面,
    造成的后果就会出现可能在两个页面来回跳转的现象。

  • 解决方案:此时我们就可以使用企业微信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;
    });

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值