App.vue 491 B

123456789101112131415161718192021222324252627282930
  1. <template>
  2. <router-view />
  3. </template>
  4. <script lang="ts" setup>
  5. import { useRouter } from 'vue-router'
  6. import { closeToast, showLoadingToast } from 'vant'
  7. const router = useRouter()
  8. // 在路由跳转前启动加载动画
  9. router.beforeEach((to, from, next) => {
  10. showLoadingToast({
  11. duration: 0,
  12. forbidClick: true,
  13. message: '加载中...',
  14. });
  15. next()
  16. })
  17. // 在路由跳转后隐藏加载动画
  18. router.afterEach(() => {
  19. closeToast();
  20. })
  21. </script>
  22. <style >
  23. </style>