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

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