请教一下怎么在每个页面给 NavBar 分别设置 title?

[magic3584]

插槽看了还是不太懂，NavBar 和 每个 component 也没有嵌套关系

      <van-nav-bar
        fixed
        placeholder
        left-arrow
        safe-area-inset-top
        @click-left="onClickLeft"
      >
        <template #title="slotProps">
          {{ slotProps }}
        </template>
      </van-nav-bar>

      <router-view v-slot="{ Component }">
        <keep-alive :include="cachedViews">
          <component :is="Component" />
        </keep-alive>
      </router-view>

[yulimchen]

可以尝试 NavBar title 属性绑定路由的 meta.title 值

[magic3584]

        <template #title>
          11 {{ router.currentRoute.name }}
        </template>

很奇怪 router.currentRoute 能出现一大串，加上 name 就无了。。。可是明明有值

[yulimchen]

const title = computed(() => {
  const route = router.currentRoute.value;
  return route.meta.title;
});

<template #title> {{ title }} </template>

[magic3584]

原来是个 ref...
感谢大佬！