<NuxtRouteAnnouncer>

用法

在你的 app.vue 或 layouts/ 中添加 <NuxtRouteAnnouncer/>，通过通知辅助技术页面标题的更改来增强可访问性。这确保了导航更改会向依赖屏幕阅读器的用户进行播报。

<template>
  <NuxtRouteAnnouncer />
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>

插槽

你可以通过路由播报器的默认插槽传递自定义 HTML 或组件。

  <template>
    <NuxtRouteAnnouncer>
      <template #default="{ message }">
        <p>{{ message }} was loaded.</p>
      </template>
    </NuxtRouteAnnouncer>
  </template>

属性

• atomic：控制屏幕阅读器是仅播报更改还是播报全部内容。设置为 true 以在更新时完整读取内容，设置为 false 则仅播报更改。（默认为 false）
• politeness：设置屏幕阅读器播报的紧急程度：off（禁用播报）、polite（等待静默）或 assertive（立即中断）。（默认为 polite）