如何在Vue中以反应方式更新数组中的对象属性?

时间:2018-12-28 08:29:38

标签: javascript vue.js vuejs2 reactive-programming

我有一个简单的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});
        }
    }
})

我应该怎么做?

0 个答案:

没有答案