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');

}