Как сохранить JUST значение из документа пожарного депо в Vuex вместо всего объекта?

Question

У меня есть компонент Vue, который извлекает данные из документа firestore, я попытался сохранить только значение документа в состоянии vuex, но вместо сохранения только значения документа, он сохраняет весь объект, я имею в виду имя поля и значение.

Вот код моего компонента:

created() {
    var docRef = db.doc("rates/ratesData");
    docRef
      .get()
      .then(doc => {
        if (doc.exists) {
          this.$store.commit("setRate", doc.data());
        } else {
          console.log("No such document!");
        }
      })
      .catch(function(error) {
        console.log("Error getting document:", error);
      });
  }

Store. js:

export default new Vuex.Store({
  state: {
    currentRate: null
  },
  mutations: {
    setRate(state, value) {
      state.currentRate = value;
    }
  }
});

Я хочу, чтобы состояние выглядело как это: Я пока не могу публиковать изображения

Но это выглядит так: Я все еще не могу публиковать изображения

Мой английский sh плохо, извините.

Answer 1

Вместо передачи doc.data() просто передайте свойство нужного вам объекта документа. Попробуйте doc.data().rateStatus.