Как исправить «do not mutate vuex store state outside mutation handlers»?

Question

[thisall]

У меня компонент, в котором постоянно меняются данные при нажатии на кнопки. В нём я беру данные из getters и сохраняю в переменную и после вывожу, а за изменениями я слежу через Subscribe:

async created() {
    if (await this.$store.dispatch('shops/empty')) await this.$store.dispatch('shops/getShops')
    this.form = this.staff
    this.unsubscribe = this.$store.subscribe((mutation) => {
      if (mutation.type === 'staff/setSelectedStaff') this.form = this.staff
    });
  },
  beforeDestroy() {
    this.unsubscribe();
  },
  computed: {
    ...mapState({
      staff: 'staff/selectedStaff'
    }),
    ...mapGetters({
      shops: 'shops/getShops',
      staff: 'staff/getSelectedStaff'
    }),
  },

А при изменение данных в this.form выдаёт ошибку

do not mutate vuex store state outside mutation handlers

Answer 1

[Алексей Ярков]

Вы сейчас в зис.форм ссылку передали на объект, а надо в таком случае копию.