goWx() { this.navigate(); // 此方法针对H5 的返回键,对左上角点击无效, 无法添加点击事件,放到mounted 会无限循环。 }, navigate() { //控制页面跳转---小程序、公众号、非微信跳转方式 【modelName---vue路由名字】 this.isMiniProgram((res) => { //判断是否是小程序页面的回调函数 if (res) { console.log(res, "1111"); //小程序页面 wx.miniProgram.navigateTo({ url: "/pages/index/index", success: function (res) { // alert(JSON.stringify(res)); }, }); } }); }, isMiniProgram(callback) { // 判断是否在微信环境。 var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) != "micromessenger") { callback(false); } else { //微信API获取当前运行环境 wx.miniProgram.getEnv((res) => { console.log(res, "res"); if (res.miniprogram) { //小程序环境 callback(true); } else { callback(false); } }); } },
注意:官方文档推荐
"weixin-js-sdk": "^1.3.2"
H5跳webview 组件navigateTo无法跳转,报errMsg: "invokeMiniProgramAPI:ok"