mirror of
https://github.com/xiangshu233/vue3-vant4-mobile.git
synced 2025-04-05 06:22:45 +08:00
30 lines
660 B
Vue
30 lines
660 B
Vue
<template>
|
|
<van-nav-bar @click-left="router.back">
|
|
<template #title>
|
|
{{ getTitle }}
|
|
</template>
|
|
<template #left>
|
|
<Icon>
|
|
<ChevronBack />
|
|
</Icon>
|
|
</template>
|
|
<template #right>
|
|
<slot name="right" />
|
|
</template>
|
|
</van-nav-bar>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { Icon } from '@vicons/utils'
|
|
import { ChevronBack } from '@vicons/ionicons5'
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
import { computed } from 'vue'
|
|
|
|
const router = useRouter()
|
|
const currentRoute = useRoute()
|
|
|
|
const getTitle = computed(() => currentRoute.meta.title as string)
|
|
</script>
|
|
|
|
<style scoped lang="less"></style>
|