我有一个简单的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});
}
}
})
我应该怎么做?