youxi-app/pages/catalog/web-view.uvue

<script setup lang='ts'>
import { ref, onMounted, watchEffect } from 'vue'
import Loading from '@/components/loading.uvue'
import { router } from '@/.cool'
const progress = ref(1)
const webviewSrc = ref('')
var isLoading = ref(true)
onMounted(() => {
  webviewSrc.value = router.query().src
  progress.value = router.query().progress
})

function handleMessage(e) {
  var pages = getCurrentPages();
  const prevPage = pages[pages.length - 2];
  (prevPage as any).status = "success"
}
function handleLoad() {
  isLoading.value = false

}
function onWebError() {
  const t = Date.now()
  webviewSrc.value = router.query().src + '?t=' + t
  console.log('onWebError')
}
onShow(() => {
  var pages = getCurrentPages();
  const prevPage = pages[pages.length - 2];
  (prevPage as any).status = "test"
})
</script>
<template>
  <Loading v-show="isLoading" />
  <web-view :src="webviewSrc" id="web-view" class="w-full h-full" @message="handleMessage" @load="handleLoad"
    @error="onWebError"></web-view>
</template>
<style lang="less" scoped></style>