vue3.0获取dom节点

vue2.x版本中我们获取dom节点就是直接在html上面定义ref然后this.$refs.ref就可以了。

但是vue3.0中已经没有this了,而且变量命名方式也改为了ref(),这样我们如何获取dom节点呢?

首先还是同vue2版本一样,在html上面定义ref:

<div ref="divRef"></div>

  然后在ts文件中定义:

const divRef = ref(null)

  最后记得return,然后在mounted的时候去获取divRef.value就可以了

ps:

console.dir()  可以打印该函数下的所有方法

posted @ 2021-09-17 17:20  骚年上天不?  阅读(1828)  评论(0编辑  收藏  举报