页面中搞一个区域用来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不再一起用,可以使嵌套关系

Logo

前往低代码交流专区

更多推荐