数据库操作后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吗？