web-view.uvue 783 B

123456789101112131415161718192021222324252627
  1. <script setup lang='ts'>
  2. import { ref, onMounted, watchEffect } from 'vue'
  3. import Loading from '@/components/loading.uvue'
  4. import { router, user } from '@/.cool'
  5. import Back from '@/components/back.uvue'
  6. const baseUrl = ref('https://oss.xiaoxiongcode.com/gui/index.html')
  7. const webviewSrc = ref('')
  8. var isLoading = ref(true)
  9. function handleLoad() {
  10. isLoading.value = false
  11. }
  12. function handleMessage(e) {
  13. console.log(e)
  14. }
  15. onMounted(() => {
  16. webviewSrc.value = baseUrl.value + '?token=' + user.token + '&userId=' + user.info.value?.userInfo.userId
  17. })
  18. </script>
  19. <template>
  20. <Loading v-show="isLoading" />
  21. <web-view id="webView1" :src="webviewSrc" class="w-full h-full" @load="handleLoad"
  22. @message="handleMessage"></web-view>
  23. </template>
  24. <style lang="less" scoped></style>