useTemplateRefsList

分类

组件

导出大小

133 B

上次更改

3 个月前

在 v-for 内部将 refs 绑定到模板元素和组件的简写。

演示

源代码在线演练 (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
>>>
>