vue 獲取動(dòng)態(tài)元素高度

2017.10.25凌晨
坑死了~因?yàn)橐陧撁嬷懈阋粋€(gè)區(qū)域用來scroll列表,所以必須要獲取scroll-wrap的高度,于是想盡辦法獲取swipe、navbarBox的高度

<div v-if="data[column]">
  <div class="columnPage" v-for='(item,index) in data' v-show='column == index'>
    <div class="swipe" ref="swipe" v-if='hotData.adList'> </div>
    <div class="navbarBox" ref="navbarBox" v-if='hotData.hasChild != 0'></div>
    <div class="scroll-wrap" ref="scrollwrap"></div>
  </div>
</div>

我在mounted里寫百度上找到的方法,都沒用。。。
這是別人成功例子,但是我不成功。。。。
在vue2.0里,如何獲取dom元素的樣式(樣式是動(dòng)態(tài)變化的)
nextTick試過,querySelector試過
但就是this.$refs有內(nèi)容,this.$refs.xxx就undefined了。。。
好郁悶
最后我朋友發(fā)現(xiàn)問題,是因?yàn)槲业哪0迨莢-if動(dòng)態(tài)加載,data初始化是空的,所以一開始模板并沒有元素存在,所以u(píng)ndefined。。。然后我就把v-if該移位的移位,該刪的刪掉。。。

vue官方文檔說明

其實(shí)這次主要的問題是html沒寫好。。。用的是以前的代碼。。。哎,搞死人。。。


2017.10.25 11:09
突然明白v-if存在的意義,因?yàn)轫撁娴娘@示內(nèi)容是后臺(tái)系統(tǒng)操作,所以,當(dāng)沒有數(shù)據(jù)的時(shí)候div就不應(yīng)該存在。。。這就是v-if存在的意義。。。
然鵝,把獲取元素的代碼放到請(qǐng)求數(shù)據(jù)成功后執(zhí)行,這就很完美了。。。
猜想:
v-if與ref不能再一起,可以使嵌套關(guān)系

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容