Vue, как сделать чтобы изменения в одном поле влияли на значение в другом?

Question

[Rukis]

Я создал компонент для отображения стилизованного input поля. На странице может присутствовать несколько таких полей привязанных к одним и тем же данным, соответственно при изменении значения в одном поле я ожидаю, что значение изменится и в другом (так это бы работало с обычными полями не обернутыми в компонент). Но этого не происходит и я не понимаю почему.

Ссылка на код с примером https://codepen.io/anon/pen/dqgRdg - мне нужно чтобы поля 1 и 2 работали так же как поля 3 и 4.

Answer 1

[0xD34F]

Используйте в качестве значения инпута параметр, типа так. Можно даже завернуть его в вычисляемое свойство с сеттером - тогда внутри компонента можно будет использовать v-model.