Vue.js socket.io v-for列表项数据未命中分配
大家好,我这里有一个奇怪的问题,下面的代码Vue.js socket.io v-for列表项数据未命中分配,socket.io,vue.js,Socket.io,Vue.js,大家好,我这里有一个奇怪的问题,下面的代码 created() { socket.on('rooms:App\\Events\\UserJoined', data =>{ this.usersCounter = data.users; }); socket.on('rooms:App\\Events\\UserLeft', data =>{ this.usersCounter = data.users; }); 当用户单
created() {
socket.on('rooms:App\\Events\\UserJoined', data =>{
this.usersCounter = data.users;
});
socket.on('rooms:App\\Events\\UserLeft', data =>{
this.usersCounter = data.users;
});
当用户单击“加入”或“离开”按钮并触发事件时,上述代码将更新v-for rooms列表项的所有计数器,而不仅仅是this.currentOne
提前谢谢。真不敢相信这么简单,我刚刚添加了一个if条件,一切正常。事实上我已经觉得自己很愚蠢了
socket.on('room:App\\Events\\UserJoined', function(data) {
if(this.room.id == data.payload.roomId){
this.usersCount = data.payload.usersCount;
}
}.bind(this));
感谢所有查看我的问题试图提供帮助的人模板中的
v-for
列表是什么样子的?这是我的组件:您有多个计数器吗?每个房间一个柜台?请添加更多代码。room
组件和使用该房间的组件会有所帮助。是的,我有多个计数器,每个房间一个计数器