跳到主要内容

useTemplateRefsList

分类
导出大小
133 B
上次更改
3 个月前

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

演示

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>

类型声明

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

来源

源代码演示文档

贡献者

Anthony Fu
Anthony Fu
SerKo
David Gonzalez
bjym

更新日志

v13.6.0
d32f8 - refactor: 为所有纯函数添加 @__NO_SIDE_EFFECTS__ 注释 (#4907)
0a9ed - feat!: 放弃对 Vue 2 的支持,优化打包并清理 (#4349)
v10.8.0
a086e - fix: 更严格的类型

根据 MIT 许可证发布。