Question

大家好我在这里有一个奇怪的问题，其中以下代码

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 list-items的所有计数器，而不仅仅是this.currentOne。

提前感谢。

Answer 1

不能相信就是那么简单，我只是添加了if条件，一切正常。实际上我觉得我已经非常愚蠢了：D：D

socket.on('room:App\\Events\\UserJoined', function(data) {
      if(this.room.id == data.payload.roomId){
        this.usersCount = data.payload.usersCount;
      }
    }.bind(this));

感谢所有看过我的问题的人试图提供帮助

Vue.js socket.io v-用于列表项数据未命中分配

1 个答案: