JS 获取元素的四种方法
console.log(this.$refs.mapContainer.clientHeight); //content + padding 536
console.log(this.$refs.mapContainer.offsetHeight); //content + padding + border 536
console.log(this.$refs.mapContainer.getBoundingClientRect().height); //content + padding + border getBoundingClientRect()方法获取与元素相关的CSS属性边框集合。536.0525
console.log(
window
.getComputedStyle(this.$refs.mapContainer)
.getPropertyValue("height")
); // getComputedStyle()获取的是最终应用在元素上的所有CSS属性对象(即使没有CSS代码,也会把默认的属性都显示出来),通过getPropertyValue()获取CSS样式声明对象上的属性值。注意:这里获取的值有px的单位,而且是小数点后三位 536.062px