生成一个适用于 SSR 的唯一标识符,可以传递给可访问性属性。
这个 composable 自 Nuxt v3.10 起可用。

useId 生成一个适用于 SSR 的唯一标识符,可以传递给可访问性属性。

在组件的顶级调用 useId 来生成一个唯一的字符串标识符:

components/EmailField.vue
<script setup lang="ts">
const id = useId()
</script>

<template>
  <div>
    <label :for="id">Email</label>
    <input :id="id" name="email" type="email" />
  </div>
</template>
useId 必须在具有单个根元素的组件中使用,因为它使用这个根元素的属性将 id 从服务器传递到客户端。

参数

useId 不接受任何参数。

返回值

useId 返回与这个特定 useId 调用相关的特定组件的唯一字符串。