vue中css样式中使用data里面的数据,动态设置元素高度

需求

vue中css样式中使用data里面的数据,动态设置元素高度

用法

<template>
	<div class="box" :style="{ '--heightLine': heightLine + 'px' }"></div>
</template>
<script>
export default {
  data() {
    return {
    	height:42
    };
  }
};
</script>
<style lang="less" scoped>
.box{
	height:var(--heightLine); 
}
</style>