如何在 Vue.js 中获取元素高度

【问题标题】：how to get element height in Vue.js如何在 Vue.js 中获取元素高度
【发布时间】：2019-09-14 22:55:39
【问题描述】：

我正在尝试获取元素的 offsetHeight，但我没有定义。

有了这个我得到了 html 集合，一切正常：

document.getElementsByClassName("plyr--full-ui");

但是如果我添加 .offsetHeight 我得到了未定义。

document.getElementsByClassName("plyr--full-ui").offsetHeight;

怎么了？

【问题讨论】：

【解决方案1】：

HTMLCollection 是类数组对象。这将获得第一个元素 offsetHeight：

document.getElementsByClassName("plyr--full-ui")[0].offsetHeight;

【讨论】：

我收到此错误：无法读取未定义的属性“offsetHeight”
我正在使用nuxt，这个错误与ssr有关吗？我在挂载的钩子中写了这段代码。
我认为这无关。该错误基本上意味着JS找不到类名为“plyr--full-ui”的元素并返回未定义。然后您在未定义的属性上调用 offsetHeight，因此会出现错误。