Мой код в стилях, как мне через вью изменять значения

через переменные для цсс можно. <template> <div :style="style"> hello </div> </template> <script setup> import { computed } from "vue"; const style = computed(()=>({'--text-color': 'red'})) </script> <style> div { color: var(--text-color); } </style>

0

18.05.2023

Alexey Turdakin

но лучше через компутед

0

18.05.2023

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

Sasha
Никак. Нужно вынести primary-height в инлайн-стили...

Как я вынесу если у меня она внутри класса? Причём с :before?

0

18.05.2023

Roman

Gregory
Как я вынесу если у меня она внутри класса? Причём...

жестко ты придумал)

0

18.05.2023

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

Sasha
Если есть фиксированное кол-во высот, то можно соз...

Да это геморрой и не автоматизация ничуть

0

18.05.2023

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

Alexey Turdakin
но лучше через компутед

Как ?

0

18.05.2023

Sasha

Gregory
Как я вынесу если у меня она внутри класса? Причём...

Вынести можно. Но я ниже писал что вариант с CSS переменными который посоветовал Ruslan будет наилучшим и естественным.

0

18.05.2023

Alexey Turdakin

Gregory
Как ?

что то типа :style="{ maxHeight: isOpen ? listMaxHeight : '0px' }" const listMaxHeight = computed(()=>'100px')

0

18.05.2023

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

Alexey Turdakin
что то типа :style="{ maxHeight: isOpen ? listMaxH...

А для опгшин?

0

18.05.2023

Mikhail Kramer

Alexey Turdakin
что то типа :style="{ maxHeight: isOpen ? listMaxH...

А ради чего computed, если константа внутри?

0

18.05.2023

Alexey Turdakin

Mikhail Kramer
А ради чего computed, если константа внутри?

например у нас див такой <div ref="listDOM" :style="{ maxHeight: isOpen ? listMaxHeight : '0px' }" > тогда в компутед можно дом передать // РЕФ списка и его максимальная высота const listDOM = ref(null); const listMaxHeight = maxHeight(listDOM); // Максимальная высота ДОМ элемента const maxHeight = (refDOM, margin = 27) => computed(() => toPx(val(refDOM) ? calcHeight(margin, rect(refDOM)) : 0));

0

18.05.2023

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

Sasha
Тогда вот вариант хороший от Ruslan: https://www.w...

это круто к как ко вью прикрутить? можно в криэтид js код вставить?

0

18.05.2023

Илюша 🎂

Gregory
это круто к как ко вью прикрутить? можно в криэтид...

ты по приколу игноришь https://vuejs.org/api/sfc-css-features.html#v-bind-in-css

0

18.05.2023