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>
  </div>
</div>

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

vue官方文档说明

其实这次主要的问题是html没写好。。。用的是以前的代码。。。哎，搞死人。。。

---

2017.10.25 11:09
突然明白v-if存在的意义，因为页面的显示内容是后台系统操作，所以，当没有数据的时候div就不应该存在。。。这就是v-if存在的意义。。。
然鹅，把获取元素的代码放到请求数据成功后执行，这就很完美了。。。
猜想：
v-if与ref不能再一起，可以使嵌套关系