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'
})
※이 페이지는 Nuxt.js 공식 문서의 비공식 번역 페이지입니다.
공식 문서의 해당 페이지는 여기 있습니다:
https://nuxt.com/docs/3.x/api/composables/use-route-announcer