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

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

Logo

前往低代码交流专区

更多推荐