Есть карточка клиента. при сохранении в ней выполняется функция save() Изначально

Question

Есть карточка клиента. при сохранении в ней выполняется функция save() Изначально

считаем, что клиент новый, но если выяснится, что он уже есть, то переключимся на его карточку

Похоже что после переключения clientDOM не переключается на карточку существующего клиента. Как Сказать что clientDOM теперь карточка с clientId??

<client-card ref="clientDOM" v-if="newClient"/>
<client-card ref="clientDOM" v-else :id="clientId"/>

const clientDOM = ref(null)
const save = () => clientDOM.value.save()

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

0

26.09.2023

4 ответов

21 просмотр

Alexey Turdakin Автор вопроса

Евгений
А зачем дублировать компоненты? Оставь один, а айд...

карточка при моунте создает ид клиента. там заполняются данные после чего идет запрос на бэк на проверку дубликата. если дубликат есть, то надо карточку пересоздать. с ид и со всеми остальными данными что прилетели с бэка те компонент надо перерисовывать в любом случае, а реф его теряется

0

26.09.2023

Евгений

Alexey Turdakin
карточка при моунте создает ид клиента. там заполн...

Карточка клиента уже открыта, и после запроса выясняется, что нужно обновить данные в ней. Просто дергаем внутри метод, который будет подставлять новые данные в уже отрендеренную карточку

0

26.09.2023

Artyom Tuchkov

Alexey Turdakin
карточка при моунте создает ид клиента. там заполн...

у тебя архитектура компонента в целом неверная - он должен уметь реагировать на изменения пропсов, а не делать что-то один раз при маунте, у тебя весь смысл от реактивности теряется поэтому лучше пересмотри ее и научись реагировать на изменение пропса костыльным решением будет повесить key на компонент и пересоздавать его при изменении clientId, но так делать не нужно

0

26.09.2023

Евгений · Accepted Answer

Евгений

А зачем дублировать компоненты? Оставь один, а айди будет признаком того, новый клиент или нет. Есть айди - старый клиент, нет айди - новый

0

26.09.2023

169 похожих чатов

Есть карточка клиента. при сохранении в ней выполняется функция save() Изначально

4 ответов

Похожие вопросы