【Bug日记】Element UI 动态设置表格高度部分表格不生效问题

【🐛Bug日记】Element UI 动态设置表格高度部分表格不生效问题

🐞 问题描述

       最近利用Element UI开发后台管理系统，希望主体的表格区域能够根据页面其它元素的尺寸动态设置高度。
我的上一篇文章详细讲述了需求和实现方法。🚀 传送门
        这里我记录一下我遇到的一个问题:部分页面高度可以自适应，而少不部分页面不管我怎样刷新表格高度一直是我设置的初始高度

📌 问题定位与问题原因

        经过调试和排查，发现问题原因是给表格设置高度时使用了错误的数值，el-table 的height属性接受一个string or number 作为表格的高，这时单位为px 由于我是动态计算页面高度，难免导致计算过程中产生浮点数，这个时候设置为表格的高就会发生数据无效的问题，导致表格一直以默认高度渲染。

🏁 解决办法

        将动态计算的高度取整