旅游网站开发研究背景,百度排名工具,免费简历制作软件app,计算机多媒体毕业设计网站建设在 通过 ref#xff08;null#xff09;获取组件的时候#xff0c;我们想要为 组件标注组件类型#xff0c;可以通过 any 类型来进行标注#xff0c;但是很明显#xff0c;这些的代码很不优雅#xff0c;所以我们可以利用 vue3 里面的 InstanceType 来进行类型标注
这是…在 通过 refnull获取组件的时候我们想要为 组件标注组件类型可以通过 any 类型来进行标注但是很明显这些的代码很不优雅所以我们可以利用 vue3 里面的 InstanceType 来进行类型标注
这是官网上面有关 InstanceType 的使用方法截图 但是上面的类型是自己定义的组件的如果想给原生的 html 标签进行类型标注我们该写什么类型呢来看一下代码
script setup langts
import { ref, Ref } from vue// HTMLHeadingElement 类型
const h1Instance: RefInstanceTypetypeof HTMLHeadingElement | null ref(null)// HTMLDivElement 类型
const divInstance: RefInstanceTypetypeof HTMLDivElement | null ref(null)const btnClick () {console.log(h1Instance.value, h1Instance.value)console.log(divInstance.value, divInstance.value)
}/scripttemplateh1 refh1Instanceh1标签/h1div refdivInstancediv标签/divbutton clickbtnClick测试按钮/button
/templatestyle langless scoped
/style
有关 HTMLHeadingElement 和 HTMLDivElement 类型是怎么来的可以看这篇文章
如何查看HTML元素的TS类型_html tag ts-CSDN博客