获取<el-scrollbar高度
时间: 2024-08-23 12:01:59 浏览: 48
关于element-ui的隐藏组件el-scrollbar的使用
`<el-scrollbar>`是Element UI中的一个组件,用于给内容添加滚动条。获取`<el-scrollbar>`的高度可以通过JavaScript操作DOM元素来实现。具体方法通常是通过获取该组件内部滚动容器的CSS高度值。
以下是一个简单的示例代码,用于获取`<el-scrollbar>`的高度:
```javascript
// 假设你的<el-scrollbar>组件的引用是this.$refs.scrollbarRef
var scrollbarHeight = this.$refs.scrollbarRef.clientHeight;
// 或者如果你有一个DOM元素的引用
var scrollbarDom = document.getElementById('scrollbarId');
var scrollbarHeight = scrollbarDom.clientHeight;
```
这里需要注意的是,`clientHeight`属性返回元素的内部高度,不包括边框和水平滚动条。如果滚动条有垂直滚动条,这个高度通常是通过`clientHeight`来获取的。如果`<el-scrollbar>`中内容不足以产生滚动条,其高度可能就是内部内容的实际高度。
阅读全文