VUE3.0+TS用ref获取元素

最新推荐文章于 2024-08-13 09:05:50 发布

ELNino_Thomas.Liang

最新推荐文章于 2024-08-13 09:05:50 发布

阅读量3.4k

点赞数 1

文章标签： vue javascript

本文链接：https://blog.csdn.net/weixin_51972964/article/details/117637698

版权

Vue.js ref DOM setup 事件处理

关键词由CSDN通过智能技术生成

<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
	}
}