如何保留表内容并使用v-data-table进行排序

如何解决如何保留表内容并使用v-data-table进行排序

我有一个带有搜索表单的页面，我使用vuetify的数据表作为搜索结果，该表可以按列进行排序。

如果我单击表格中的一个项目，则会被转发到该项目的编辑页面。然后，如果我单击后退按钮（this。$ route.go（-1）），所有搜索词都消失了，搜索结果和排序都将消失，我必须再次执行相同的搜索。

问题是，如何将所有结果和排序选择保留在数据表中？

我想我可以在搜索表单输入值中使用localStorage吗？

解决方法

您实际上可以将localStorage与：value一起使用，或使用并实现Vuex来集中您的数据源。

这将使您的数据能够持久保存到导航中，但不会像本地存储那样持久地刷新。

,

我最终使用vuex模块存储搜索表单输入，并使用url存储列排序数据。因此，当我返回时，可以从vuex商店中填写表单，并从路由查询中设置排序。