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

问题描述

问 题

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

解决方案

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

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

这篇关于vue.js - 在vue2.0里，如何获取dom元素的样式（样式是动态变化的）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！