Фильтр по цвету, выводится список цветов colors
При сохранении цвета в sections записывается значение выбранного цвета
Но в компоненте данные не изменяются, я так понимаю из-за того что в свойстве colors не происходит ни каких изменений и список не перерисовывается. Это все находится в модальном окне, если его закрыть и открыть снова, то выбранный цвет отмечается как выбранный
Как сделать чтобы обновлялся список colors, чтобы был отмечен выбранный цвет? У меня в примере значение 1 или 0
computed: {
colors() {
return this.$store.state.colors;
},
sections() {
return this.$store.state.sections;
},
},
<div v-for="(item, i) in colors.values" class="color-item">
<button class="color-item__btn"
:style="{backgroundColor: '#' + item.rgbColor, color: '#' + item.rgbColorText}"
@click="setColor(item)"
>
{{getSectionSelectedColor(item) ? 1 : 0}}
</button>
setColor(colorItem) {
if (typeof this.section.filter_values.COLOR === undefined) {
this.section.filter_values['COLOR'] = false;
}
this.section.filter_values.COLOR = colorItem.id;
let newSections = this.sections.map(o => {
if (o.id === this.section.id) {
return this.section;
}
return o;
});
this.$store.dispatch('setSections', newSections)
},
Простой
