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

Question

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

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

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

我想将数据数组的长度分配给 SCSS 中的变量 ($lenght):

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

稍后在 for 循环 中使用它:

@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);