Возможно ли в однофайловом компоненте разово прокинуть переменную в style-секцию? <script> import

Question

Возможно ли в однофайловом компоненте разово прокинуть переменную в style-секцию? <script> import

{headerHeight} from '../constants.ts'
</script>
<style>
.class {
height: ${headerHeight}
}
</style>

То есть мне не нужно динамическое связывание. Мне нужно только раз прокинуть переменную и чтобы потом css-файл сгенерировался со значением переменной headerHeight

#frontend #javascript #programming #russian #vue.js

0

29.03.2021

8 ответов

16 просмотров

ymdev Автор вопроса

Продублирую свой вопрос, т.к. ответа я так и не нашел(

0

29.03.2021

ymdev Автор вопроса

krike
Нашел решение?

Ну, подсказали, что это сделать нельзя. Либо используй препроцессоры и встраивай данные через их возможности, либо используй css-переменные, либо в style атрибут помещай.

0

30.03.2021

Володимир🇺🇦

ymdev
Ну, подсказали, что это сделать нельзя. Либо испол...

Проще всего через css переменную. В особенности есть такой подход нужен в 3-5 местах в проекте.

0

30.03.2021

ymdev Автор вопроса

Володимир🇺🇦
Проще всего через css переменную. В особенности ес...

Я просто с реакта, и я хочу все свои «best practice» перетащить и во vue. Размазывание данных (что-то в js, что-то в css) - это плохо. То есть на реакте у меня все было под контролем в одном месте и в одном формате. Хочу также и тут)

0

30.03.2021

x1dan

ymdev
Я просто с реакта, и я хочу все свои «best practi...

Пиши на jsx синтаксисе, а лучше на tsx, если ты с реакта

0

30.03.2021

krike

ymdev
Я просто с реакта, и я хочу все свои «best practi...

Тут так не принято

0

30.03.2021