vue1與vue2取得dom元素步驟詳解

這次帶給大家vue1與vue2取得dom元素步驟詳解，vue1與vue2取得dom元素的注意事項有哪些，以下是實戰案例，一起來看一下。

vue1.*版本中

在標籤中加上el='dom'，然後在程式碼中this.$els.dom這樣就拿到了頁面元素

例如：

你好

讓你好的顏色顯示為紅色：this.$els.my-box.style.color = 'red'

vue2.*版本中

在標籤中加上ref='dom'，然後在程式碼中this.$refs.dom這樣就拿到了頁面元素

例如：

你好

讓你好的顏色顯示紅色：this.$refs.myBox.style. color = 'red

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

JS為動態建立元素新增事件步驟詳解

怎麼操作vue函數呼叫順序

以上是vue1與vue2取得dom元素步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！