获取元素宽高带小数位

问题描述

二次开发表格组件，父元素设置了overfolw：hidden，子元素表格定位，此时需要动态给定父元素高度，另外在项目中，表格的左边空是由父元素边框替代的，而在缩放的时候发现由于使用的offersetHeight获取的元素高度取整，所以会出现表格先边框被剪切的问题，这里需要详细的设置高度

---

解决方案：

这里使用getBoundingClientRect()方法去获取高度，这里获取的是就是完整的高度

代码如下：

let height =  this.$refs['purchaseOrder_table'][0].getBoundingClientRect().height + ""   //获取高度并转为字符串
height = height.split(".")  //将整数和小数部分分割开
let  decimals = 0  //存储小数位数
if(height.length > 1){   //如果存在小数位数，就取两位小数
          height[1] = height[1].substring(0,2)
           decimals = "." + height[1]
 } 
 
this.tableContentHeight = (height[0]-9) + decimals //这里是设置高度