web-view-local.uvue

<template>
  <web-view ref="web-view" class="web-view" src="/hybrid/html/local.html" @message="message" @error="error"
    @loading="loading" @loaded="loaded">
  </web-view>
</template>

<script>
  export default {
    data() {
      return {
        loadError: false,
        loadFinish: false
      }
    },
    methods: {
      message(event : WebViewMessageEvent) {
        console.log(JSON.stringify(event.detail));
        uni.showModal({
          content: JSON.stringify(event.detail),
          showCancel: false
        });
      },
      error(event : WebViewErrorEvent) {
        this.loadError = true
        console.log(JSON.stringify(event.detail));
      },
      loading(event : WebViewLoadingEvent) {
        console.log(JSON.stringify(event.type));
      },
      loaded(event : WebViewLoadedEvent) {
        this.loadFinish = true;
        console.log(JSON.stringify(event.type));
      }
    }
  }
</script>

<style>
.web-view {
  flex: 1;
}
</style>