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()  可以打印该函数下的所有方法

原文地址:https://www.cnblogs.com/sixrookie/p/15305540.html