h5项目跳转微信小程序页面

如果你用vue脚手架搭建的h5项目： 在index.html页面引入，就可以全局用了：
 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

例如 h5某个页面要跳转小程序某个页面并传值

  let categoryName = 4
  let ua = navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i)=="micromessenger") {
            //ios的ua中无miniProgram，但都有MicroMessenger（表示是微信浏览器）
            wx.miniProgram.getEnv((res)=>{
            if (res.miniprogram) {
            // 这里在小程序里面了
                跳转小程序相应的页面并把categoryName值 传给小程序
                wx.miniProgram.navigateTo({url:`/endPage/merchandiseBankMan/merchandiseBankMan?item=${categoryName}`})
            } else {
               这里不在小程序里面
            }
            })
        }else{
           这是不在小程序里面
        }

小程序跳转到h5页面

url： h5页面的某个的路径
<web-view :src="url" ></web-view>

2020-7-12 1:32 还在公司加班我！！！