The useId() 组合式函数返回一个 Vue Ref，其中包含一个字符串，该字符串可以用作唯一标识符，应用于 DOM 节点属性。
如果您提供一个函数 (getValue 来自下面的类型) 来获取 ID 可能具有的值，它将确保对其进行更新。
在 SSR 中，它考虑了水合过程，因此您的组件不会生成任何此类错误。
语法
import { useId } from 'quasar'
setup () {
const id = useId()
// ...
}content_paste
function useId(
opts?: {
getValue?: () => string | null | undefined;
required?: boolean; // default: true
}
): Ref<string | null>;content_paste
示例
<template>
<div :id="id">
Some component
</div>
</template>
<script>
import { useId } from 'quasar'
export default {
props: {
for: String
},
setup () {
const id = useId({
getValue: () => props.for,
required: true
})
return { id }
}
}
</script>content_paste