js给动态dom设置高度不生效

表格用的是vxetable组件
我赋值是打印是有值的但是在dom里面没有生效

代码写的方法

changeHeight() {
    // debugger;
    // 表格高度 vxe-table--main-wrapper
    let boxHeight = document.querySelector('.scroll-table-box .vxe-table--fixed-left-wrapper')
    // 表格表头高度 .vxe-table--header-wrapper
    let headHeight = document.querySelector('.scroll-table-box .vxe-table--fixed-left-wrapper .vxe-table--header-wrapper')
    console.log(boxHeight.offsetHeight, headHeight.offsetHeight);
    // .vxe-table--body-wrapper 表格内容高度 = 表格高度  - 表格表头高度
    let bodyHeight1 = document.querySelector('.scroll-table-box .vxe-table--body-wrapper')
    console.log(bodyHeight1);
    bodyHeight1.style.height = boxHeight.offsetHeight - headHeight.offsetHeight + 'px'
    // .fixed-left--wrapper表格固定内容高度 = 表格高度  - 表格表头高度
    let bodyHeight2 = document.querySelector('.scroll-table-box .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper')
    console.log(bodyHeight2);
    bodyHeight2.style.height = boxHeight.offsetHeight - headHeight.offsetHeight + 'px';
    // bodyHeight2.setAttribute('style', 'height: 150px');
    console.log('bodyHeight2.style.height',bodyHeight2.style.height);
  }

有大佬知道这是为什么吗 不能用js动态设置高度的话还有什么办法吗？