Как корректно вывести input в цикле?

Question

[sickgang]

Всем привет!
Такая проблема, есть цикл v-for, в нем выводится на каждой итерации input, мне нужно привязать к инпуту v-model, но если я так делаю, то когда пишу в один инпут, в остальных других это же значение выводится, как это пофиксить?
Вот код

<div class="row departament align-items-center p-2 mt-3">
                <div class="departament-head col-lg-6">
                    {{ departament.departament_name }}
                </div>
                <div class="departament-head_btn col-lg-6 text-right">
                    <button @click="editDepartament(departament)" type="button" class="btn btn-primary">Редактировать</button>
                    <button @click="deleteDepartament(departament.id)" type="button" class="btn btn-danger">Удалить</button>
                </div>
                <departament-worker :departamentId="departament.id"></departament-worker>
                <div class="input-group mt-3">
                    <input type="text" class="form-control" v-model="worker.worker_name" :key="departament.id" placeholder="Имя сотрудника" aria-label="Имя сотрудника" aria-describedby="basic-addon2">
                    <div class="input-group-append">
                        <button class="btn btn-outline-secondary btn-primary text-light" type="button">Сохранить</button>
                    </div>
                </div>
            </div>

        data() {
            return {
                departaments: [],
                work: '',
                departament: {
                    id: '',
                    departament_name: ''
                },
                worker: {
                    worker_name: ''
                },
                loading: true
            }
        },

Заранее спасибо!

Answer 1

[Andrey Vasilev]

Comments

[sickgang]

Спасибо большое, получилось!