首頁 > web前端 > js教程 > vue1與vue2取得dom元素步驟詳解

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

php中世界最好的语言
發布: 2018-05-10 14:04:14
原創
2240 人瀏覽過

這次帶給大家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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板