Выбор элементов как в Gmail?

Question

[alex]

Есть некий список с n-ым количеством элементов (например список чатов). При долгом нажатии на любой из элементов включается что то вроде checkable mode и элементы можно отмечать галочкой (т.е. механика такая же как в мобильном gmail). Сейчас, когда отмечаешь элемент, меняется его локальный state (marked = true) и на основании этого state рисуется галочка, а сам элемент добавляется в поле markedItems (this.$store.state.markedItems.push(this.$store.state.items[markedelementIndex])). Но получается, что отмеченные элементы в хранилище реактивно не связаны с интерфейсом, т.е. если каким-то сторонним методом сделаю this.$store.markedItems = [], то отмеченные визуально элементы так и останутся отмеченным. Вопрос в том как и где лучше реактивно хранить информацию о том что элемент отмечен? Интересуют больше какие-нибудь советы, ссылки и рекомендации нежели конкретный код.

Answer 1

[Сергей delphinpro]

Начните с того, что бы ваши элементы начали работать с директивой v-model, а не с их локальным стейтом.
Далее v-model свяжите со стором.

Примерно так jsfiddle.net/1eun3agx