v-on 处理程序中的错误：“FirebaseError：[code=invalid-argument]：Function CollectionReference.doc() [关闭]答案

【问题标题】：Error in v-on handler: "FirebaseError: [code=invalid-argument]: Function CollectionReference.doc() [closed]v-on 处理程序中的错误：“FirebaseError：[code=invalid-argument]：Function CollectionReference.doc() [关闭]
【发布时间】：2024-05-03 08:35:01
【问题描述】：

我有一个从数据库中删除项目的函数

deleteMovie: function (id) {
                if (id !== null && id !== undefined) {
                    db.collection("movies").doc(id).delete().then(function () {
                        console.log('Document successfully deleted')
                    }).catch(function (error) {
                        this.error = error
                    })
                } else {
                    this.error = 'Invalid ID'
                }
            }

打开按钮

删除当我尝试删除时，我收到错误

v-on 处理程序中的错误：“FirebaseError: [code=invalid-argument]: Function CollectionReference.doc() 要求其第一个参数为非空字符串类型，但它是：自定义 MouseEvent对象”

【问题讨论】：

你能展示一下你的 Vue.js 组件的完整代码吗？

标签： javascript firebase vue.js google-cloud-firestore

【解决方案1】：

错误很明显。意思是您传递给db.collection("movies").doc(id) 的id 参数应该是一个字符串，但您传递了其他东西（鼠标事件）。您将不得不弄清楚如何从该 MouseEvent 对象中获取所需的文档 ID。这里没有足够的信息让任何人都能够准确地告诉你该怎么做。但应该清楚的是，您只能将非空字符串传递给doc()。

【讨论】：