style里面設置變量

 

1、在style里面添加變量

*適用於組件統一調整樣式

//html 示例

<div class="headerBox">
    <p class="headerContent"></p>    
</div>

//css 示例

.headerBox{ --bgc:#ffffff;  
} .headerContent{ background-color:var(--bgc);  
}

 

2、style內聯樣式中添加方法

//html 示例

<div :style="getStyle()"></div>

//medthods 示例

getStyle(){ return 'color:red' }