App.vue 664 B

12345678910111213141516171819202122232425262728293031323334
  1. <script setup lang="ts">
  2. import { watch } from 'vue';
  3. import { useRoute } from 'vue-router';
  4. const route = useRoute()
  5. watch(() => route.query, () => {
  6. console.log(123)
  7. if (!localStorage.getItem('isDetailRefresh')) {
  8. localStorage.setItem('isDetailRefresh', '1')
  9. window.location.reload()
  10. }
  11. })
  12. </script>
  13. <template>
  14. <Suspense>
  15. <template #default>
  16. <router-view v-slot="{ Component }">
  17. <keep-alive>
  18. <component :is="Component" />
  19. </keep-alive>
  20. </router-view>
  21. </template>
  22. <template #fallback>
  23. <div>
  24. 加载中...
  25. </div>
  26. </template>
  27. </Suspense>
  28. </template>
  29. <style scoped>
  30. </style>