как Vue .set с идентификатором элемента вместо индекса

Question

У меня есть приложение реального времени, что я делаю, получаю доступные данные из бэкэнда и сохраняю их как массив. когда пользователь щелкает его переход к недоступному, отправка индекса для бэкэнд-трансляции всем пользователям, которые находятся на текущей странице, и скрытия недоступных данных. новый пользователь откроет эту страницу, у него будет только 3 объекта

, если пользователь, у которого 5 объектов в массиве, щелкнет 5-й объект. он работает с текущим пользователем, но другие, у которых есть 3 объекта в массиве, получают ошибку.

что я действительно хочу, что я хочу изменить объект с идентификатором элемента вместо индекса

Answer 1

простое решение Я обнаружил, что используйте findIndex методы

var vm = this;
      this.$echo.channel("accept-coin").listen("AcceptCoin", response => {
        var indexid = vm.coins.findIndex(f => f.id === response.coin.id); //<-- this find index with coin id so then i can do whatever 
        vm.$set(vm.coins, indexid, response.coin);
        vm.coins[indexid].result = response.result;
        vm.$auth.fetchUser();
        setTimeout(() => {
          this.coins.splice(indexid, 1);
        }, 10000);
      });

Надеюсь, это поможет