vue 获取动态元素高度--采坑

页面中搞一个区域用来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该移位的移位，该删的删掉。。。

突然明白v-if存在的意义，因为页面的显示内容是后台系统操作，所以，当没有数据的时候div就不应该存在。。。这就是v-if存在的意义。。。
然鹅，把获取元素的代码放到请求数据成功后执行，这就很完美了。。。

最好v-if与ref不再一起用，可以使嵌套关系