@pankratov_tolik

Как правильно передать данные из Vuex в компонент Vue?

Здравствуйте. Я использую Vuex в приложении. В компоненте есть ЧЕКБОКС на котором висит v-bind. На Вотче слежу за изменениями в дата которые привязаны к этому чекбоксу и отправляю в СТЭЙТ. При переходе к следующему компоненту данные в СТЭЙТЕ конечно же сохраняются, а в дата в предыдущем компоненте стираются. Так вот я хочу что бы при возврате к предыдущему компоненту данные в ДАТЫ по прежнему были и те ЧЕКБОКСЫ которые были ранее выбраны были выбранными. Пытаюсь на CREATED получить данные со СТЭЙТА и приписать к ДАТА, и это работает, но выдает ошибки. Подскажите в чем проблема пожалуйста

<template>
    <div>
        <template v-for="filter in size">
            <input type="checkbox"
                   class="filter-item__checkbox"
                   :name="filter"
                   :value="filter"
                   v-model="selectedSize"
                   id="size"
            >
            <label for="size">
                {{filter}}
            </label>

        </template>
    </div>
</template>

<script>
    import {mapGetters} from 'vuex'

    export default {
        name: "AppSizeFilter",
        data () {
          return {
              selectedSize: []
          }
        },

        computed: {
            ...mapGetters([
                "filtersSize"
            ]),
            size() {
              return this.filtersSize.values
            },
            selectedFilters() {
                return this.$store.state.selected.filters
            },

        },
        watch: {
            selectedSize(size) {
                this.$store.dispatch('updateSize', size);
            }
        },
        created() {
            if(this.selectedSize.length === 0) {
                this.selectedSize = [...this.selectedFilters.selectedSize]
            }
        }
    }
</script>
  • Вопрос задан
  • 184 просмотра
Пригласить эксперта
Ответы на вопрос 2
@nvdfxx
Senior Pomidor developer
<keep-alive> вам поможет, наверное
Ответ написан
Комментировать
@dest86
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
29 мар. 2024, в 18:19
20000 руб./за проект
29 мар. 2024, в 18:08
2500 руб./за проект
29 мар. 2024, в 17:51
40000 руб./за проект