Vue组件或Vuex模块内的数据存储和访问

时间:2020-03-20 00:01:18

标签: javascript vue.js vuex

我正在尝试确定布局此结构和数据的最佳方法。我一遍又一遍地提出不同的想法,但仍然没有100%地解决任何事情。

我有一个虚拟的滚动数据表组件。它还允许用户选择行以对其执行某些操作。这些动作不是特定于表的,它们可以是任何东西,因此功能不在表本身之内。我希望行的选择状态存在于表组件本身中。将其包含在store模块中意味着每个使用此组件的store模块都必须再次实现这些功能。但是,对数据执行的操作位于表的外部,这意味着我需要知道在表中选择了哪些项目。这使我认为,实际上选择确实需要在存储模块中,而不仅仅是在表中。

我是否正在正确考虑?应该在商店模块中吗?做这样的事情以使我不必为每个模块复制该代码的最常用方法是什么?我应该只是制作一个通用节点模块还是导入到存储模块中以对其进行突变的某些东西?还是制作一个我可以导入并传播到已经完成所有这些操作的变异和动作的节点模块?

谢谢

1 个答案:

答案 0 :(得分:-1)

您可以将click事件绑定到表行或其他元素上,每次触发它时(例如单击行),您将一些数据,id,索引等存储到vuex或组件的数据上,并在释放时释放它取消选择该行。当您要对其进行操作时,可以过滤ID进行查找,然后可以进行所需的任何操作。