js如何操做sass裏的變量及calc 使用sass變量

scss文件裏

:root {
    --height-primary: 240px;  //--height-primary  ：變量名，css3有規則
}
$header: var(--height-primary); //用var來盛放變量名

.el-table{
    height: calc(100vh - 101px - #{$header});

}

js裏更改

 if(this.isDB){
       document.getElementsByTagName('body')[0].style.setProperty('--height-primary','64px');
 } else {
       document.getElementsByTagName('body')[0].style.setProperty('--height-primary','0px');

}