Vue.js 如何在vuejs中创建记忆搜索功能

Vue.js 如何在vuejs中创建记忆搜索功能,vue.js,vuex,Vue.js,Vuex,我有下面两个vuejs页面。我在我的列表页面中创建了过滤器,比如按用户名和电子邮件搜索。过滤器工作正常,但问题是当我在搜索框中键入某个内容并进行搜索时,它正在工作,但在这之后,当单击“编辑用户”链接并返回列表页面时,过滤器将被删除,并显示所有数据。我的问题是,我怎么能记住搜索结果?我只是想知道如何才能做到这一点 本地存储或vuex可能的解决方案? 1. List of users 2. Edit User 解决方案是将筛选器保存在vuex状态,这样,只要您仍在同一选项卡中且未关闭它,它就

我有下面两个vuejs页面。我在我的列表页面中创建了过滤器,比如按用户名和电子邮件搜索。过滤器工作正常,但问题是当我在搜索框中键入某个内容并进行搜索时,它正在工作,但在这之后,当单击“编辑用户”链接并返回列表页面时,过滤器将被删除,并显示所有数据。我的问题是,我怎么能记住搜索结果?我只是想知道如何才能做到这一点

本地存储或vuex可能的解决方案?

 1. List of users 
 2. Edit User

解决方案是将筛选器保存在vuex状态,这样,只要您仍在同一选项卡中且未关闭它,它就不会在返回时发生更改。

如果您不刷新页面并在路由组件之间导航,最好使用,另一方面,如果您希望在刷新页面后仍存储和检索相同的搜索结果,请使用

此外,Vuex最好存储大量数据列表,而不是本地存储