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

Question

我想知道是否可以使用 array.lenght我的值(value) 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。看起来您也不能为此使用 vanilla CSS 变量，因为 SASS 不排除它们(请参阅此处:Using css variables in sass functions - node-sass)

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