useTemplateRefsList

类别

Component

导出体积

133 B

上次更改

2 months ago

用于将 refs 绑定到 v-for 内的模板元素和组件的快捷方式。

示例

源码 playground (beta)

12345

打开控制台查看输出

用法

vue

<script setup lang="ts">
import { useTemplateRefsList
 } from '@vueuse/core'
import { onUpdated
 } from 'vue'

const refs
 = useTemplateRefsList
<HTMLDivElement>()

onUpdated
(() => {
  console
.log
(refs
)
})
</script>

<template>
  <div
 v-for="i
 of 5" :key
="i
" :ref
="refs
.set
" />
</template>

类型声明

export type TemplateRefsList
<T
> = T
[] & {
  set
: (el
: object | null) => void
}
export declare function useTemplateRefsList
<T
 = Element>(): Readonly
<
  Ref
<Readonly
<TemplateRefsList
<T
>>>
>