2017.10.25凌晨
坑死了~因為要在頁面中搞一個區(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元素的樣式(樣式是動態(tài)變化的)
nextTick試過唯笙,querySelector試過
但就是this.$refs有內(nèi)容螟蒸,this.$refs.xxx就undefined了。崩掘。七嫌。
好郁悶
最后我朋友發(fā)現(xiàn)問題,是因為我的模板是v-if動態(tài)加載苞慢,data初始化是空的诵原,所以一開始模板并沒有元素存在,所以undefined。绍赛。蔓纠。然后我就把v-if該移位的移位,該刪的刪掉吗蚌。腿倚。。
其實這次主要的問題是html沒寫好蚯妇。敷燎。。用的是以前的代碼箩言。懈叹。。哎分扎,搞死人澄成。。畏吓。
2017.10.25 11:09
突然明白v-if存在的意義墨状,因為頁面的顯示內(nèi)容是后臺系統(tǒng)操作,所以菲饼,當(dāng)沒有數(shù)據(jù)的時候div就不應(yīng)該存在肾砂。。宏悦。這就是v-if存在的意義镐确。。饼煞。
然鵝源葫,把獲取元素的代碼放到請求數(shù)據(jù)成功后執(zhí)行,這就很完美了砖瞧。息堂。。
猜想:
v-if與ref不能再一起块促,可以使嵌套關(guān)系