element+vue 跟据可视框获取高度

呦吼 耶耶耶 这里是你的男孩HD 好久没有写东西了  最近我会疯狂的更新。。。根据我新做的项目 遇到的问题进行解析和解答。。。。

和以前一样开头还是一个freestyle

已经一年多没有更新，
没写也是有一定原因，
我会努力写好加劲拼，
我在这里为你比爱心。

接下里进入正题， 当我们用到elementui table 时会出现的问题。比如数据过多显示偏灰过长就会出现表头看不到的问题如何解决呢 就用到了elementui table 中height这个词，但是这东西肯定不能写死的会出现两个滚动条，所以我们要根据可视框动态获取。 如下图更笨看不到表头

改变成这个样子

首先用vue ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 ref 需要在dom渲染完成后才会有，在使用的时候确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用，或者在 this.$nextTick(()=>{}) 中调用。
不多比比直接上代码: