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

Question

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

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
 }
}