<div ref="eleRef" @click="handleClick">div元素</div>
//在setup中无法使用this
setup(){
//新建一个ref对象,对象命名必须与ref命名相同
//在setup的中还不是一个DOM节点类型,在DOM挂载后才会是ELEMENT类型,所以要设置泛型
const eleRef = ref<null | HTMLElement>(null)
const handleClick = () => {
if(eleRef.value){
console.log(eleRef.value)
}
}
//return回去
return {
eleRef,
handleClick
}
}
VUE3.0+TS用ref获取元素
最新推荐文章于 2024-05-19 22:53:26 发布