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

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

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')
}
// iOS WKWebView 在页面销毁后音频不会自动停止，需要先销毁 webview
onUnload(() => {
  showWebview.value = false
  webviewSrc.value = ''
})
</script>
<template>
  <Loading v-show="isLoading" />
  <web-view v-if="showWebview" :src="webviewSrc" id="web-view" class="w-full h-full" @message="handleMessage"
    @load="handleLoad" @error="onWebError"></web-view>
</template>
<style lang="less" scoped></style>