Добрый день!
Помогите, пожалуйста, сориентироваться.
Есть список:
<ul class="tabel-day_menu-type">
<li v-for='(type,i) in types'
:key="type.id"
@click="set_type(type)"
>
<span class="icon">
{{ type.icon }}
</span>
<span class="icon_text">{{ type.text }}</span>
</li>
</ul>
и есть таблица дней:
<table class="table">
<tbody>
<tr>
<day-component
тут разные атрибуты для компонента
></day-component>
</tr>
</tbody>
</table>
Шаблон для одного дня вынесен в отдельный компонент day-component, и перебирается нужно количество раз.
Предварительно я отмечаю нужные ячейки (данные по выбранным ячейкам собираются в отдельный массив элементов со значениями true).
Мне нужно по клику на любой из элементов списка вставить в выбранные ячейки id этого элемента списка.
Как мне правильно связать все это, используя Vue/VUEX (
const store = new Vuex.Store({....
mutations: {...}
});
Vue.component('day-component',{...
computed: {
selected() {
// собираем все выбранные ячейки и присваиваем им значение true
return this.days_selected[ get_day_id([this.day_index, this.w, this.u]) ] === true;
}
});
var a = new Vue({...
methods: {...}
});