vue 获取动态元素高度

2017.10.25凌晨
坑死了~因为要在页面中搞一个区域用来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>

我在mounted里写百度上找到的方法,都没用。。。
这是别人成功例子,但是我不成功。。。。
在vue2.0里,如何获取dom元素的样式(样式是动态变化的)
nextTick试过,querySelector试过
但就是this.$refs有内容,this.$refs.xxx就undefined了。。。
最后我朋友发现问题,是因为我的模板是v-if动态加载,data初始化是空的,所以一开始模板并没有元素存在,所以undefined。。。然后我就把v-if该移位的移位,该删的删掉。。。