数据库操作后VueJS刷新内容
硼
我正在使用一个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()代码块中所做的那样过滤数组会起作用，但它不会。
如何在不重新加载整个页面的情况下刷新客户端的数据？
萨马德·阿里
您提到您不想在成功批准后显示特定列表项。正如你所使用的teacher.id != userId。你用过teacher.id !== userId吗？
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
- 上一篇：收到错误：ModuleNotFoundError: No module named <module name> for everything I install via pip
- 下一篇：添加 AngularMultiSelectModule 后 app.module.ts 中的错误
相关文章
Related 相关文章
- 1
数据库触发后刷新实体
- 2
拖放操作后更新数据库
- 3
数据库更新后，nodejs自动刷新视图
- 4
从数据库中删除记录后，DBGrid不刷新
- 5
刷新后重复数据库条目
- 6
从数据库中删除记录后，DBGrid不刷新
- 7
从数据库中删除项目后刷新jtable
- 8
更新数据库后自动刷新网页
- 9
RecyclerView 修改数据库行后不刷新
- 10
删除数据库条目后刷新列表视图
- 11
数据库操作
- 12
Java - 刷新数据库
- 13
SQL：删除内容后如何更改数据库？
- 14
在“删除后”挂钩中获取数据库操作的状态
- 15
创建操作后更新数据库不起作用
- 16
android：从数据库中删除后，列表视图中的数据刷新
- 17
向数据库React Router添加条目后数据未刷新
- 18
android：从数据库中删除后，列表视图中的数据刷新
- 19
WPF，将数据添加到数据库后如何更新/刷新UI
- 20
光滑的更新操作在对象刷新到数据库之前返回
- 21
异步数据库操作
- 22
如何刷新。使用SQL数据库添加data.im后的Datagridview
- 23
删除数据库行后刷新自定义光标适配器
- 24
会话过期后如何自动更新数据库而不刷新我的页面
- 25
插入数据库后，Angularjs通过$ http.get服务刷新视图
- 26
使用Blazor在ASP.NET CORE中更新数据库后如何刷新网页
- 27
成功更新数据库后，Blazor服务器页面无法刷新
- 28
将条目添加到数据库后，Blazor组件未刷新
- 29
Java JTABLE-从数据库中删除项目后刷新TextFields
我来说两句