useRouteAnnouncer
Этот композабл отслеживает изменения заголовка страницы и соответствующим образом обновляет сообщение объявителя.
Данный композабл доступен в Nuxt v3.12+.
Описание
Композабл, который отслеживает изменения заголовка страницы и соответствующим образом обновляет сообщение объявителя. Используется <NuxtRouteAnnouncer> и является управляемым.
Он подключается к Unhead dom:rendered, чтобы прочитать заголовок страницы и установить его в качестве сообщения объявителя.
Параметры
politeness: Устанавливает степень срочности для объявлений программы чтения с экрана:off(отключение объявления),polite(ожидание тишины) илиassertive(немедленное прерывание). (по умолчаниюpolite).
Свойства
message
- тип:
Ref<string> - описание: Сообщение, которое нужно объявить
politeness
- тип:
Ref<string> - описание: Уровень срочности объявления считывателя экрана
off,politeилиassertive
Методы
set(message, politeness = "polite")
Устанавливает сообщение для объявления с уровнем срочности.
polite(message)
Устанавливает сообщение с politeness = "polite"
assertive(message)
Устанавливает сообщение с politeness = "assertive"
Пример
pages/index.vue
<script setup lang="ts">
const { message, politeness, set, polite, assertive } = useRouteAnnouncer({
politeness: 'assertive'
})
</script>