数据更新时Bootstrap-Vue表_showdetails关闭

Question

我有一个bootstrap-vue表，该表绑定到一个计算属性，该属性从vuex存储中获取一些数据。

每行都有一个show_details按钮，该按钮会根据此链接打开第二行： https://bootstrap-vue.js.org/docs/components/table/#row-details-support

但是，当我的vuex存储中的数据发生更改时，表将重新呈现并释放其状态（所有打开的“ show_details”行都将返回到关闭状态）。

有什么方法可以在不丢失表的当前状态的情况下更新商店和表中的表数据？

Answer 1

一旦从后端接收到新数据，则在更新商店之前，您可以遍历旧表项数组以寻找_showDetails属性，然后更新新数据数组设置{{1} }如果行相同（例如，使用主键或其他唯一的行标识符来使行相关）。然后使用新数据更新商店商品数组。