Vuetify v-data-table 如何自定义图标何时出现？

Question

我正在从 Vuetify 库中实现一个 v-data-table，我目前正在按结束日期和开始日期对一列婚礼日期进行排序。 即使刷新页面，我也希望显示带有多重排序编号的图标，我正在谈论的图标显示在下面的文档中

https://vuetifyjs.com/en/components/data-tables/#multi-sort

选项 object 的“orderBy”数组中的值设置为“weddingDates”，因为这是我分配给 header 的值。 然后我将值更改为“startDate”，以便可以按开始日期对列进行排序，当我想按“endDate”对列进行排序时，我还将值更改为“endDate”。

我将这些值存储在缓存中，当我刷新页面时，它不再显示图标，因为输入表格的选项 object 的“orderBy”数组中的值不再是“weddingDates”，而是“开始日期”或“结束日期”

有没有办法自定义多排序列上的图标何时显示？ 例如，如果值为“weddingDates”或“startDate”或“endDate”。 还是有另一种方法可以按婚礼日期的开始和结束日期来实现这种排序？

建议的解决方案：

1. 我正在考虑尝试将缓存中的值更改回“weddingDate”，因为当值为“weddingDate”时，它会显示图标。 但是我的 function 更新仪表板是基于计算方法的，它不允许副作用。

2. 在 Vuetify 文档中查看如何允许图标显示，即使 orderBy 中的值与 header object 中的值不同。 <-- 似乎是最可行的，只需要了解 Vuetify 在后台是如何做到的，我在网上找不到：/

3. 一厢情愿的解决方案是在页面上重新加载我的选项 state 的值 orderBy 立即设置为“weddingDate”

我遇到的另一个问题是，当我单击小箭头对其进行排序，然后返回到默认选项时，它会保留排序后的数据，并且不会恢复正常。 这是因为它不知道在单击箭头 3 次时将选项恢复正常。

请让我知道你的想法，有什么帮助。 我将永远感激你。