vue中获取dom高度

offsetHeight 属性可以获取元素的高度（包括元素的边框、内边距和内容区域）

在 Vue 中获取 DOM 元素的高度可以通过以下几种方式：

1、通过ref来获取节点，通过offsetHeight来获取节点的高度

<div ref="title">Hello, world!</div>
let height = this.$refs.title.offsetHeight;

注意：如果你获取的是多个节点，一定要记住通过下标来获取高度

<div ref="title">Hello, world!</div>
<div ref="title">Hello, world!</div>
let height = this.$refs.title[0].offsetHeight;

2、通过js获取节点，本次演示的是document.querySelectorAll

<div class="title">Hello, world!</div>
<div class="title">Hello, world!</div>
let height = document.querySelectorAll('title')[0].offsetHeight;

3、获取到节点的高度动态赋值

//获取到节点之后动态赋值给节点的样式
this.$refs.title[0].style.maxHeight = height+"px"