vue3获取节点方法

一般来说很少会用到获取节点的操作,但有时会不可避免的用到。

其实方法很简单,只需要下列三部:

1.定义一个空值的变量,并return出去:

//setup内
const diagetref = ref(null)    //节点名为diagetref 

...

return {
    ...
    diagetref 
}

2.给目标节点设定ref为更改设定的那个变量

<div ref="diagetref">我是标签</div>

3.然后就可以获取到并使用了:

const showmes = (res,e) =>{
    //获取节点的高度
    console.log(diagetref.value.clientHeight)
}

完毕!!!

希望本文会对你有所帮助^_^

猜你喜欢

转载自blog.csdn.net/qq_58174484/article/details/125674194