在vue2.0里，如何获取dom元素的样式（样式是动态变化的）

Question

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

Answer 1

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

<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 吧

Answer 2

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