Здравствуйте. Я использую 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>
