Как реактивно обновить свойство объекта в массиве в Vue? - PullRequest
Новая
       30

Как реактивно обновить свойство объекта в массиве в Vue?

0 голосов
/ 28 декабря 2018

У меня есть простое v-for: 

<tr v-for="user in users" :key="user.id">
    <td>{{ user.address }}</td>
    <td>{{ user.sites }}</td>
    <td v-if="user.api">
        <button class="btn btn-warning" @click="restart(user.api); user.api = false">Restart</button>
    </td>
</tr>

С помощью веб-сокета мне нужно обновить одно свойство конкретного пользователя: 

socket.on('users.api', (data) => {
    for (let index in this.users) {
        if (this.users[index].id == data.id) {
            // Vue.set(this.users, index, {...this.users[index], api: data.api});
        }
    }
})

Как правильно мне это сделать?

...