Динамическая коллекция ввода vuejs с неправильными значениями
Я динамически добавляю ввод текста типа в коллекцию vuex. Это добавляет вход по определенному индексу. Работает хорошо, с этим проблем нет. Проблема возникает, когда я записываю какое-то значение во вход, а затем пытаюсь добавить новое. Входное значение переходит на вновь добавленный вход. Вот простой пример кода: https://codesandbox.io/s/0yrzrw6120
Действия по воспроизведению:
Есть ввод по умолчанию. Вы можете добавить входы ниже этого, так:
- Добавить новый вход.
- Запишите какое-то значение во вновь добавленный ввод.
- Снова добавьте новый вход с кнопки по умолчанию.
Я ожидаю, что новый вход ниже значения по умолчанию без значения, и он работает, но значение последнего входа переходит к вновь добавленному.
Я понимаю, что проблема не в добавлении элементов, а в значении входных данных.