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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章