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>