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
组件和使用该房间的组件会有所帮助。是的,我有多个计数器,每个房间一个计数器