nuxt logo

문서 번역(비공식)

useRouteAnnouncer

이 컴포저블은 페이지 제목 변경을 관찰하고 이에 따라 알림 메시지를 업데이트합니다.

이 컴포저블은 Nuxt v3.12+에서 사용할 수 있습니다.

Description

페이지 제목 변경을 관찰하고 이에 따라 알림 메시지를 업데이트하는 컴포저블입니다. <NuxtRouteAnnouncer>에서 사용되며 제어 가능합니다. Unhead의 dom:rendered에 연결되어 페이지의 제목을 읽고 이를 알림 메시지로 설정합니다.

Parameters

  • politeness: 스크린 리더 알림의 긴급성을 설정합니다: off (알림 비활성화), polite (침묵을 기다림), 또는 assertive (즉시 중단). (기본값 polite).

Properties

message

  • type: Ref<string>
  • description: 알릴 메시지

politeness

  • type: Ref<string>
  • description: 스크린 리더 알림 긴급성 수준 off, polite, 또는 assertive

Methods

set(message, politeness = "polite")

알릴 메시지와 그 긴급성 수준을 설정합니다.

polite(message)

politeness = "polite"로 메시지를 설정합니다.

assertive(message)

politeness = "assertive"로 메시지를 설정합니다.

Example

pages/index.vue
const { message, politeness, set, polite, assertive } = useRouteAnnouncer({
    politeness: 'assertive'
  })