Wechat applet webview incrustado uniapp H5, H5 puede saltar a una página específica en el applet

 Use uniapp para desarrollar programas pequeños y use uniapp para desarrollar h5. En este momento, es posible que el salto interno a uni.navigateTo no pueda decir cuál es cuál. La solución oficial es la siguiente:

 1. Use webview para incrustar H5 en el applet

<template>
  <view style="width: 100%; height: 100%;">
    <web-view v-if="url" :src="url"></web-view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        url: '',
      }
    },
    onLoad: function(option) {
      this.url='https://syzhtc.syjtgroup.com/hitest/test/reserve?uid=aaa12345&phone=15588687004&startLocation=1'
    },
  }
</script>

<style lang="scss" scoped>
</style>

1. Use uniapp para desarrollar H5, y el archivo de entrada reserve.html se establece de la siguiente manera:

 2. La página H5 es la siguiente:

3. Salte de H5 al subprograma, salte a una página específica en el subprograma, como: /pages/interfacemap/interfacemap page

    <button class="btn-long test">试验试验试验</button>
    <button class="btn-long test" @click="ditu()">地图map-uni.webView-加函数 </button>
    <button class="btn-long test" @click="pay()">支付pay2-jWeixin.miniProgram </button>

 uni.webView.navigateTo o jWeixin.miniProgram.navigateTo realiza el salto de H5 a Mini Program, de la siguiente manera:

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'
        });
      },