Хранение данных и доступ в пределах Vue компонента или модуля Vuex

Question

Я пытаюсь определить лучший способ выложить эту структуру и данные. Я ходил по кругу с разными идеями и до сих пор не остановился на 100%.

У меня есть компонент виртуальной таблицы данных с прокруткой, который я сделал. Это также позволяет пользователю выбирать строки для выполнения определенных действий с ними. Действия не указываются c для таблицы, они могут быть чем угодно и поэтому функциональность не находится внутри самой таблицы. Я хотел, чтобы состояние выбора строк существовало внутри самого компонента таблицы. Наличие этого в модуле хранилища будет означать, что каждый модуль хранилища, который будет использовать этот компонент, должен будет снова реализовать эти функции. Действия, выполняемые с данными, будучи внешними по отношению к таблице, означают, что мне нужно знать, какие элементы выбраны в таблице. Это заставляет меня думать, что выбор действительно должен быть в модуле магазина, а не просто в таблице.

Правильно ли я думаю об этом? Должен быть в магазине модуль? Каков наиболее распространенный способ сделать что-то подобное, чтобы мне не пришлось копировать этот код для каждого модуля? Должен ли я просто создать модуль узла generic c или что-то, что я импортирую в модуль магазина, который их мутирует? Или создать модуль узла, который я могу импортировать и распространять на мутации и действия, которые уже все это делают?

Спасибо

Answer 1

Вы можете привязать событие щелчка к строке таблицы или к некоторым другим элементам, каждый раз, когда вы запускаете его, например, нажимая на строку, вы сохраняете некоторые данные, id, index и т. Д. c, для данных vuex или компонента, выпуска это когда вы отменяете этот ряд. Если вы хотите управлять им, вы можете отфильтровать идентификатор, чтобы найти его, а затем выполнить любую операцию, какую захотите.