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