vue获取dom高度

最新推荐文章于 2025-06-03 17:18:11 发布

转载最新推荐文章于 2025-06-03 17:18:11 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/fyzhu/blog/3058714

文章标签：

#javascript #ViewUI

为什么80%的码农都做不了架构师？>>>

<template>
 <div>
  <div id='test' ref="test"></div>
 </div>
</template>
<script>
export default {
 mounted(){
  window.onload = ()=>{
   this.getHeight
  }
  window.onresize = ()=>{
   this.getHeight
  }
 },
 methods: {
  getHeight(){
   return document.getElementByID('test').offsetHeight // 获取高度为具体数值
   //return document.getElementByID('test').style.height // 获取高度为空字符串""
   //return this.$refs.test.offsetHeight // 普通vue对象
   //return this.$refs.test.$el.offsetHeight // 如果是iview对象
  }
 }
</script>
<style>
#test{
 height: 100%;
}
</style>

转载于:https://my.oschina.net/fyzhu/blog/3058714