vue.js - 如何使用 v-data-table 保留表格内容和排序

Question

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

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

那么问题来了，如何在数据表中保留所有的结果和排序选择呢？

我想我可以将 localStorage 与搜索表单输入值一起使用？

Answer 1

我最终使用 vuex 模块来存储搜索表单输入和 url 来存储列排序数据。所以当我回去的时候，我可以从 vuex 存储中填写表单并从路由查询中设置排序。

Answer 2

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

这将使您的数据对导航保持持久性，但不会像本地存储那样硬刷新。