你好,欢迎来到潮汕IT智库!
您的位置:首页 > IT资讯> 热点新闻 热点新闻
Vue 3.5 辅助函数useTemplateRef
2024-11-19 09:00:12 作者: (评论0条)

Vue 3.5+ 要在组合式 API 中获取引用,我们可以使用辅助函数 useTemplateRef() :



在使用 TypeScript 时,Vue 的 IDE 支持和 vue-tsc 将根据匹配的 ref attribute 所用的元素或组件自动推断 inputRef.value 的类型。


在无法自动推断的情况下,仍然可以通过泛型参数将模板 ref 转换为显式类型。


const input = useTemplateRef(null)


为了获取导入组件的实例类型,我们需要先通过 typeof 获取其类型,然后使用 TypeScript 的内置 InstanceType 工具提取其实例类型:



3.5 前的用法

在 3.5 之前的版本尚未引入 useTemplateRef(),我们需要声明一个与模板里 ref attribute 匹配的引用:




如果不使用