VueJS обновляет содержимое после работы с базой данных

Question

Я использую компонент v-data-table для отображения данных из базы данных firestore. Это выглядит примерно так:

Функциональность одобрения / отклонения работает хорошо, обновляя базу данных пожарного депо следующим кодом:

database
      .collection(member)
      .doc(userId)
      .update({
        approved: status
      })
      .then({
        console.log("School member details updated successfully")
          return this.teachers.filter(teacher => {
            return teacher.id != userId;
          });
      })
      .catch(err => {
        console.log(
          "An error occured trying to update the school member details:",
          err
        );
      });

Однако после успешного обновления содержимого в базе данных firestore я больше не хочу показывать элемент списка, я подумал, что фильтрация массива, как я это делал в кодовом блоке then(), будет работать, но это не так.

Как я могу обновить данные для клиента без перезагрузки всей страницы?

Answer 1

Вы упомянули, что не хотите показывать определенный элемент списка после успешного подтверждения. Как вы использовали teacher.id != userId. Вы использовали teacher.id !== userId?