vue中獲取並操作dom元素

2021-08-21 02:47:16 字數 430 閱讀 1505

獲取dom元素可以使用

elementlist = document.queryselectorall(selectors);//獲取多個dom元素 如ul中的li
element = document.queryselector(selectors)//獲取dom元素中的第乙個元素
在vue中使用

mounted()
要在mounted中使用，因為只有在執行mounted的時候，vue已經渲染了dom節點，這個時候是可以獲取dom節點的，vue中盡量不去操作dom元素，選用ref操作屬性獲取

獲取ref


this.$refs.btn.style.backgroundcolor="#ff0000"

vue獲取dom元素注意問題

mounted 1000 methods vue想要獲取dom元素的高，一般情況下我們都可以想到寫在mounted函式裡，即dom載入完再獲取，但是結果並不如我們所想，又想到用乙個 this.nexttick 來獲取，發現根本沒用啊 所以好的辦法就是用乙個settimeout定時器，時間可以設為0，...

vue獲取dom元素注意問題

mounted 1000 methods vue想要獲取dom元素的高，一般情況下我們都可以想到寫在mounted函式裡，即dom載入完再獲取，但是結果並不如我們所想，又想到用乙個 this.nexttick 來獲取，發現根本沒用啊 所以好的辦法就是用乙個settimeout定時器，時間可以設為0，...

Vue中直接操作DOM元素操作

oid class cla div input name age var odiv document.getelementsbytagname div 獲取div標籤的偽陣列 var oinput document.getelementsbyname age 獲取 name屬性偽陣列 系統自帶也可以...