Nativescript-Vue将数组的长度传递给SCSS变量

Question

我想知道是否可以在我的array.lenght代码中使用SCSS值：

export default {
    return {
    data: ['One', 'Two', 'Three']
}

在此示例中，我的this.data.lenght等于3。

我想根据我的数据数组的长度向SCSS（$lenght）中的一个变量赋值：

// SCSS variable
$lenght: this.data.lenght;  

并稍后在for loop中使用它：

@for $n from 1 through $lenght {  
 //Some stuff
}

Answer 1

可悲的是，我认为这是不可能的。在您的JavaScript运行之前，SASS已编译为常规CSS。看起来您无法为此使用普通的CSS变量，因为SASS不会将它们排除在外（请参见此处：Using css variables in sass functions - node-sass）

如果可以将SASS函数重构为javaScript函数，则可以使用原始CSS变量并按如下所示更改属性： root.style.setProperty('--some-variable', someValue);