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

我想知道是否可以在我的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
}

最佳答案

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

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