下边这种写法如果写到样式的属性或者值上可以生效,但是写到类名上就报错,scss中的类名怎么使用vue变量呢?
// HTML代码
<div class="common-ul-li3 ub-f5 ub">
<div class="common-ul-li3-dot ub-f1" :style="{'--num': 45}"></div>
</div>
.common-ul-li3-dot {
$dotNum: var(--num);
&:nth-child(-n + #{$dotNum}) {
background: green;
}
}
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…