Javascript Vue.js-引用模式内的输入以更新Firestore数据库

因此，上图是我在comp.js Vue组件中的代码。当用户单击“更新”按钮时，它将获取更新的输入并将其推送到firestore

我将v-on:emit放在每个输入上，并尝试在“更新”按钮上引用它

这是我在HTML文件中的模式，我尝试将comp.js函数连接到function.js

然而，上面的方法不起作用，它给了我下面的错误

我真的不知道如何从每个输入中获取值并连接

根据ITTUS的建议更新代码：

因此，根据下面的Ittuss建议，我尝试通过更新按钮中的emit传递给items，我这样做是因为我想传递按钮上方的所有输入值以更新Firestore数据库

我将cuisedit更改为：

我将.js中的函数更新为：

但是，我收到一个错误，说我没有正确引用

---

您知道为什么它没有获取从按钮发出的值吗？

在CUISedIt组件中，$emit应该只包含一个附加参数：

<button @click="$emit('some-change', obj2.id)"></button>

在组件中：

<transition name="fade">
  <cuisedit v-if="showModal" :obj2="cuisinemodal" @some-change="updateData">
  </cuisedit>
</transition>

updateData: function (id) {
  firestore.collection("koreanbap-cuisines").doc(id).update()....
}

注

如果要传递更多数据，应将它们包装到对象中

<button @click="$emit('some-change', {id: obj2.id, event: $event})"></button>

---

非常感谢你。我们会让你知道它是否有效！嗨，Ittus，我根据你的建议更新了代码，但是我又出现了一个错误，你能看看上面更新的问题吗？非常感谢。