NavBar.vue 508 B

123456789101112131415161718192021222324252627282930
  1. <script setup lang="ts">
  2. const route = useRoute()
  3. const router = useRouter()
  4. function onBack() {
  5. if (window.history.state.back)
  6. history.back()
  7. else
  8. router.replace('/')
  9. }
  10. const { t } = useI18n()
  11. const title = computed(() => {
  12. if (!route.meta)
  13. return ''
  14. return route.meta.i18n ? t(route.meta.i18n) : (route.meta.title || '')
  15. })
  16. </script>
  17. <template>
  18. <VanNavBar
  19. v-show="title"
  20. :title="title"
  21. :fixed="true"
  22. clickable left-arrow
  23. @click-left="onBack"
  24. />
  25. </template>