Товарищи, добрый день! Насколько тупо использовать v-if вместе с v-show? Суть

Question

Товарищи, добрый день! Насколько тупо использовать v-if вместе с v-show? Суть

в чём:
Есть форма, которая состоит из 5 шагов.
Каждый шаг показывается в зависимости от значения step, изначально он равен 1
На каждый шаг висит v-if
Данные на 4м шаге зависят от данных введенных на первых 3х шага.
Там улетает запрос на бэк, который отдаёт некие услуги. И вот когда переходишь на 5й шаг, там уже просто справочная информация, что пользователь ввел на всех предыдущих шагах.
И если с 5го шага вернуться на 4й, то запрос улетает заново на бэк и введенные данные не сохраняются, а перезаписываются, что логично. Снова отрисовывается компонент и т.д.

Так вот пока пришла идея такая

<step-order-five
v-if="step === 4 || step === 5"
v-show="step === 4"
>
</step-order-five>

Сильно говняно или сойдёт?

#programming #russian #vue.js

0

23.03.2022

8 ответов

15 просмотров

¿Сергей?

Полностью не прочитал ваш вопрос, но в любом случае гляньте <keep-alive> тег во вью

0

23.03.2022

Tatiana Fomicheva

насколько я поняла вопрос, чтобы данные не затирались при переходе на предыдущий шаг, можно использовать store

0

23.03.2022

Боевой Кусь

Tatiana Fomicheva
насколько я поняла вопрос, чтобы данные не затирал...

Стоп тут по мне так избыточен) Хотя мы не знаем какая там ситуация)

0

23.03.2022

Maks Moskalik Автор вопроса

Tatiana Fomicheva
насколько я поняла вопрос, чтобы данные не затирал...

данные перезаписываются, т.к. в created() висит функция на вызов api, которая делает запрос И вот из-за переходов между шагами компонент перерисовывается

0

23.03.2022

Aleksey German

Maks Moskalik
данные перезаписываются, т.к. в created() висит фу...

Как выше сказали: используйте keep-alive и динамические компоненты.

0

23.03.2022

Maks Moskalik Автор вопроса

Aleksey German
Как выше сказали: используйте keep-alive и динамич...

буду пробовать спасибо

0

23.03.2022