vuex + vuexfire存储对象在添加数据时不会更新。

Question

在折叠代码中，在我更新字段集合之后，它不会更新"this.fields“(通过vuexfire规则绑定到store.js中的tha集合)--只有当我刷新页面时。请帮帮忙。谢谢

var newField = {
      name: this.fieldName,
      area: this.fieldArea,
      farmId: this.farmId
    }

    var docRef = fb.field.doc()
    docRef.set(newField)
    var id = docRef.id

    console.log(id)
    fb.field
      .doc(id)
      .get()
      .then(ref => {
        this.$store.commit('updateCurrentField', ref.data())
      })

Answer 1

你是如何，从哪里得到this.fields的？

这是一个计算财产吗？

为了保持数据的更新(vuex文件)，应该绕开这些行。

computed: {
 fields() {
   this.$store.state.fields
 }
}