[Vue.js] 操作或取得 DOM 的資訊- ref ($refs)用法

標籤: Vue.js javascript

在 Vue.js 裡,如果我們想要去取得某個 Dom 的資訊,可以使用 ref 這個 Attr,比如我們要取得某個區塊的寬跟高,可以在那個區塊上設定 ref="var" 這樣,接下來我們就可以透過 this.$refs.var 去取得資訊了。

這邊來看一下使用的結果:

 

這裡在一個是做點了後讓指定的區塊可以變成全螢幕,寫法變這樣 this.$refs.fullscreen.requestFullscreen()