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 c...
·
页面中搞一个区域用来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不再一起用,可以使嵌套关系
更多推荐
已为社区贡献9条内容
所有评论(0)