Algorithm 在Vue中的多个位置动态添加和删除项目

我有一个用Vue编写的页面，其中有一个包含3列的表，如下所示：

每一列都是一个完整的实体，每一行都是实体的属性

在每列的底部，每列都有一组按钮

我想做的是在单击按钮时，将一些附加属性（字符串）附加到实体的多个属性中，如下所示：

当单击另一个按钮时，会附加更多字符串

再次单击按钮时，相应的属性将被删除。例如，如果单击了第二个图像中的“a”按钮，则表将还原为第一个图像

由于有许多属性（大约10个），我不想将每个属性下的所有字符串硬编码为div，并使用v-show/v-if有条件地呈现它们

我还考虑过存储活动按钮数量的数组，并在单击任何按钮时重新呈现整个表。（整个表必须重新呈现的原因是，每一行都使用for循环呈现，因此我不能只修改一行中的单个元素。）但这似乎不是很自然，我相信应该有更好的解决方案

---

有什么好办法吗

到目前为止你试过什么？你有一个有效的例子吗？是的。对于每个可以更改的单元格，添加所有可能要添加的字符串，并有条件地显示它们：stringastringbstringc等等。但这将是非常多余的。