如何删除带有条件的 Firebase 文档答案

【问题标题】：How can I delete a Firebase document with a condition如何删除带有条件的 Firebase 文档
【发布时间】：2020-04-18 08:27:34
【问题描述】：

我正在尝试使用 vuetify 删除卡片项目以及关联的 Firebase 文档

我构建了代码，所以这是 HTML sn-p

      <div>
        <v-card-title
        class="headline"
        v-text="item.listName"
        ></v-card-title>
        <v-row>
          <v-card-actions>
            <v-btn
              text
              color="primary accent-4"
            >
              Liste Abrufen
            </v-btn>
          </v-card-actions>
          <v-icon
            small
            @click="deleteItem(item, item.listName)"
          >
            mdi-delete
          </v-icon>
        </v-row>
      </div>

我的想法是删除一个这样，也直接在数据库中

deleteItem (item, id) {

          const index = this.shoppingLists.indexOf(item)
          let res = confirm('Möchtest Du den Einkaufsschnippsel wirklich Löschen?') && this.shoppingLists.splice(index, 1)
          if (res == true) {
            firebase.db.collection('shoppingList').doc(id).delete()
          }
        }

只删除卡片，不删除数据库条目

但是如果我把数据库部分写到函数的第一行，就会被删除！

这个：

firebase.db.collection('shoppingList').doc(id).delete()

【问题讨论】：

标签： javascript firebase vue.js

【解决方案1】：

这是正确的函数。 res 得到了错误的数据类型！

deleteItem (item, id) {

          const index = this.shoppingLists.indexOf(item)
          let res = confirm('Möchtest Du den Einkaufsschnippsel wirklich Löschen?')
          if (res == true) {
            this.shoppingLists.splice(index, 1)
            firebase.db.collection('shoppingList').doc(id).delete()
          }
        }

【讨论】：