37% OFF during Black Friday at Mastering Nuxt.

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>