使用axios从firebase删除单个项目

时间:2018-03-21 19:39:20

标签: javascript http firebase vue.js axios

嗨,有开发人员,

我想问你,如果你能帮我解决一个我无法解决的问题。我使用Vue.js创建了一个非常简单的TODO列表应用程序(我知道,非常原创)并且我决定将它连接到Firebase,这样我在页面刷新后不会丢失所有数据。我能够成功获取数据并删除所有数据(如果有的话),但我不确定如何发送http请求,当我需要在点击它时删除一个特定项目。我能够通过简单的拼接方法在本地完成此操作,但我不太确定它如何与Axios / Firebase一起使用。

任何帮助都将不胜感激。

这是我的代码/回购:https://github.com/tomvorel13/vue-task-manager/blob/master/src/App.vue

谢谢!

1 个答案:

答案 0 :(得分:0)

最好的方法是使用Fireabase JavaScript SDK在您的网络客户端和Firebase数据库之间进行此类互动。这比使用Axios更容易也更好。

查看文档:

https://firebase.google.com/docs/database/web/start

特别是学习如何删除项目。

https://firebase.google.com/docs/database/web/read-and-write#delete_data

只需在对数据位置的引用上执行remove()即可。

为了将SDK与Vue.js应用程序集成,请查看这些非常好的教程:

https://www.youtube.com/watch?v=FXY1UyQfSFw&list=PL55RiY5tL51qxUbODJG9cgrsVd7ZHbPrt,特别是视频#13及以下的Firebase部分。