首页 > 技术文章 > H5跳webview 组件navigateTo无法跳转,报errMsg: "invokeMiniProgramAPI:ok"

panax 2020-07-28 18:56 原文

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));
            },
          });
wx.miniProgram.navigateBack(); // 返回, 如果换成方法就没有返回键了。 } }); }, 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"

 

推荐阅读