Как контролировать состояния у каждого компонента vue?

Question

[Илья Кочкин]

Добрый день, интересует вопрос: создаю 2 компонента с чекбоксами у них имеется булевское поле поле isAddres:false
при клике на чекбокс должно скрываться поле ввода для каждого компонента отдельно - вопрос почему лыжи не катят?
вот код

Answer 1

[Арсений Матыцин]

Vue Vue-шкой. но ты обращаешься к одному и тому же ID на уровне сгенериного HTML.

UPD: если не понял, то покликай на нижний чекбокс, а потом посмотри код.
Смехуечки: ты обращаешься к одному и тому же ID, но делаешь это без уважения.

Comments

[Илья Кочкин]

Все я допер, спасибо! надо было примерно вот так

<addresssuggestion ids="1"></addresssuggestion>
<addresssuggestion ids="0"></addresssuggestion>

а в шаблоне вот такого плана

<input hidden type="checkbox" :id="'specifyAddress-'+ids"
                   name="specifyAddress" v-model="isAddress">
            <label :for="'specifyAddress-'+ids">

[Арсений Матыцин]

Илья Кочкин, нус, почти. Дело в том, что если у тебя форма отправляется банальным срабатыванием формы, а не JS, то у тебя еще и имена должны быть уникальными, так как данные берутся не из ID. Не только уникальным (если это не массив), но и соответствовать логике бэкенда, который принимает.

Так что да, в качестве подпертого костыля норм, но для реальных боевых, логику надо улучшать.

[Илья Кочкин]

Арсений Матыцин, это я взял для примера- для проверки, у меня эти поля контролируются v-if так что в форме всегда 1 поле