useRouteAnnouncer
Este composable observa los cambios en el título de la página y actualiza el mensaje del anunciador en consecuencia.
Este composable está disponible en Nuxt v3.12+.
Descripción
Un composable que observa los cambios en el título de la página y actualiza el mensaje del anunciador en consecuencia. Utilizado por <NuxtRouteAnnouncer>
y controlable.
Se conecta al dom:rendered
de Unhead para leer el título de la página y establecerlo como el mensaje del anunciador.
Parámetros
politeness
: Establece la urgencia para los anuncios del lector de pantalla:off
(desactiva el anuncio),polite
(espera a que haya silencio), oassertive
(interrumpe inmediatamente). (por defectopolite
).
Propiedades
message
- tipo:
Ref<string>
- descripción: El mensaje a anunciar
politeness
- tipo:
Ref<string>
- descripción: Nivel de urgencia del anuncio del lector de pantalla
off
,polite
, oassertive
Métodos
set(message, politeness = "polite")
Establece el mensaje a anunciar con su nivel de urgencia.
polite(message)
Establece el mensaje con politeness = "polite"
assertive(message)
Establece el mensaje con politeness = "assertive"
Ejemplo
const { message, politeness, set, polite, assertive } = useRouteAnnouncer({
politeness: 'assertive'
})
※Esta página es una traducción no oficial de la documentación oficial de Nuxt.js.
La página correspondiente en la documentación oficial está aquí:
https://nuxt.com/docs/3.x/api/composables/use-route-announcer