Вопрос знатокам вью, почему так работает. Пока делал компонент селекта, столкнулся

Question

Вопрос знатокам вью, почему так работает. Пока делал компонент селекта, столкнулся

одной фичей. Я использую компонент инпута с model, где компьютед с гет/сет, а в компоненте Select компьютед на выбранный текущий option, label которого я отображаю в инпуте. Так вот проблема в том, что при первом рендере label текущего option не отображается в инпуте, ЕСЛИ это располагается на странице (т.е. в router-view), в корневом компоненте работает как надо. При этом если в инпуте использовать не компьютед с гет/сет, а сделать типо :value="modelValue" @input="$emit('update:modelValue', $event.value)" то работает как надо в обоих случаях

Вот sandbox https://codesandbox.io/p/sandbox/epic-matan-q9j98h?file=undefined

#programming #russian #vue.js

0

10.06.2023

2 ответов

17 просмотров

Андрей Автор вопроса

Еще раз скину, мб кто не видел/занят был. Кейс имхо интересный, но я не понимать почему так

0

10.06.2023

Mykhailo Zhurbiy · Accepted Answer

Mykhailo Zhurbiy

Андрей
Еще раз скину, мб кто не видел/занят был. Кейс имх...

Хммм, почему так сказать не могу, какая-то фигня :) Но как вариант, можно просто (говорю о компоненте VInput.vue у тебя), тег input написать аля вот так: <input :value="model" @input="updateModel" /> и в скрипте прописать функцию для события инпут, которая уже будет обновлять у тебя сам model const updateModel = (event) => { model.value = event.target.value } Но это немного будет колхоз :)

0

10.06.2023

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

Вопрос знатокам вью, почему так работает. Пока делал компонент селекта, столкнулся

2 ответов

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