vue 获取DOM高度
时间: 2023-09-25 08:15:01 浏览: 160
使用 Vue 实现一个虚拟列表的方法
5星 · 资源好评率100%
你可以使用 Vue 的 `$refs` 来获取 DOM 元素,然后通过元素的 `clientHeight` 或 `offsetHeight` 属性来获取高度。
例如,假设你有一个 `div` 元素如下:
```html
<div ref="myDiv">这是一个 div 元素</div>
```
你可以在 Vue 组件中这样获取它的高度:
```javascript
export default {
mounted() {
const height = this.$refs.myDiv.clientHeight;
console.log('div元素的高度为:', height);
}
};
```
如果你想获取包括边框和内边距在内的高度,可以使用 `offsetHeight` 属性:
```javascript
export default {
mounted() {
const height = this.$refs.myDiv.offsetHeight;
console.log('div元素的高度(包括边框和内边距)为:', height);
}
};
```
阅读全文