1

请问一下:我想获取一个元素的高度应该怎么获取?元素的高度是动态变化的。在mounted和updated里获取的都是空值
Vue.nextTick也无法获取到

clipboard.png

2016-11-18 提问

查看全部 2 个回答

5
this.$refs.name.offsetWidth  
this.$refs.name.offsetHeight

推荐答案

6

已采纳

这个元素本来就没有样式吧?
下面这段代码是可以获取到样式的:

<template>
  <div style="display: block;" ref="abc">
    <!-- ... -->
  </div>
</template>

<script>
export default {
  mounted () {
    console.log(this.$refs.abc.style.cssText)
  }
}
</script>

输出结果是 display: block;

试试 this.$refs.abc.getBoundingClientRect().height

推广链接