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

Question

在下面的代码中，在我更新字段集合后它不会 更新“this.fields”（通过以下方式绑定到 store.js 中的 tha 集合 vuexfire 规则） - 仅当我刷新页面时。请帮忙。谢谢

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 documentation）

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