微信小程序webview内嵌uniapp H5,H5可以跳转到小程序内的某个指定页面

 使用uniapp开发小程序,又使用uniapp开发h5,这时候内部跳转uni.navigateTo可能分不清哪个是哪个,官方给出了解决:

微信小程序webview内嵌uniapp H5,H5可以跳转到小程序内的某个指定页面_第1张图片

 1、小程序中使用webview内嵌H5






1、使用uniapp开发H5,入口文件reserve.html设置如下:

微信小程序webview内嵌uniapp H5,H5可以跳转到小程序内的某个指定页面_第2张图片

 2、H5的页面如下:

微信小程序webview内嵌uniapp H5,H5可以跳转到小程序内的某个指定页面_第3张图片

3、从H5跳转到小程序,跳转到小程序内的某个指定页面,如:/pages/interfacemap/interfacemap页面

    
    
    

 uni.webView.navigateTo或jWeixin.miniProgram.navigateTo实现从H5跳转到小程序,如下所示:

methods: {
      ditu(){
        console.log("uni.webView",uni.webView)
        uni.webView.navigateTo({
          url: '/pages/interfacemap/interfacemap?test=map',
          success: res => {
            console.log("success")
          },
          fail: () => {
             console.log("fail")
          },
          complete: () => {
             console.log("complete")
          }
        });
      },
      pay(){
        console.log("jWeixin.miniProgram",jWeixin.miniProgram)
        jWeixin.miniProgram.navigateTo({
          url: '/pages/interfacemap/interfacemap?test=pay'
        });
      },

你可能感兴趣的:(微信小程序,uniapp,webview,微信小程序,交互)