Nativescript- Vue передача длины массива в переменную S CSS - PullRequest
Новая
       5

Nativescript- Vue передача длины массива в переменную S CSS

2 голосов
/ 01 апреля 2020

Я хочу знать, возможно ли использовать значение array.lenght в моем коде SCSS: 

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

В этом примере мой this.data.lenght будет равен 3.

Я хочу присвоить переменной в S CSS ($lenght) длину моего массива данных: 

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

И использовать ее позже в for loop: 

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

1 Ответ

2 голосов
/ 10 апреля 2020

К сожалению, я не думаю, что это возможно. SASS компилируется в обычный CSS до запуска JavaScript. Не похоже, что вы можете использовать переменные vanilla CSS для этого, поскольку SASS не исключает их (см. Здесь: Использование css переменных в функциях sass - node-sass )

Если вы можете преобразовать свою функцию SASS в функцию javaScript, вы можете использовать переменные vanilla CSS и изменять свойства следующим образом: root.style.setProperty('--some-variable', someValue);

...