useRouteAnnouncer

説明

ページタイトルの変更を監視し、それに応じてアナウンサーメッセージを更新するコンポーザブルです。<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" で設定します

例

<script setup lang="ts">
const { message, politeness, set, polite, assertive } = useRouteAnnouncer({
  politeness: 'assertive',
})
</script>