VueJS在数据库操作后刷新内容

Question

我正在使用v-data-table组件来显示来自Firestore数据库的数据。看起来像这样：

批准/不批准功能可以正常工作，使用以下代码更新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吗？