사용법

보조 기술에 페이지 제목 변경을 알림으로써 접근성을 향상시키기 위해 app.vue 또는 layouts/에 <NuxtRouteAnnouncer/>를 추가하세요. 이는 화면 읽기 프로그램에 의존하는 사용자에게 탐색 변경 사항이 발표되도록 보장합니다.

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

슬롯

경로 알림기의 기본 슬롯을 통해 사용자 정의 HTML 또는 컴포넌트를 전달할 수 있습니다.

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

Props

• atomic: 화면 읽기 프로그램이 변경 사항만 발표할지 전체 내용을 발표할지를 제어합니다. 업데이트 시 전체 내용을 읽으려면 true로 설정하고, 변경 사항만 발표하려면 false로 설정합니다. (기본값 false)
• politeness: 화면 읽기 프로그램 발표의 긴급성을 설정합니다: off (발표 비활성화), polite (침묵을 기다림), 또는 assertive (즉시 중단). (기본값 polite)