vue.js - 如何在 vuejs 中创建记忆搜索功能
问题描述
我有以下两个 vuejs 页面。我在列表页面中创建了过滤器,例如按用户名和电子邮件搜索。过滤器工作正常,但问题是当我在搜索框中输入内容并搜索它时它正在工作但之后单击编辑用户链接并返回列表页面后过滤器被删除并显示所有数据。我的问题是我怎么能记住我只需要关于如何实现它的建议的搜索。
localstorage 或 vuex 可能的解决方案?
1. List of users
2. Edit User
解决方案
解决方案是将过滤器保存在 vuex 状态,这样当你返回时它不会改变,只要你仍然在同一个选项卡中并且没有关闭它。
推荐阅读
- python - 打开 Path 对象时 Pycharm 类型提示警告
- javascript - 合并两个包含 null 和 object 元素的数组?
- .net - Kephas 有自己的依赖注入容器。为什么是另一个框架,为什么不使用现有的?
- sql - 在没有临时表的情况下优化我的 SQL 代码
- angular - Angular ngFor关于方法问题在第二个参数上添加变量
- typescript - 模块中的全局字段与 Typescript 中的静态类变量的优缺点是什么?
- r - 创建代码以从数据集中自动选择 `ts` 函数的输入参数
- android - 颤振导入android.support.annotation.NonNull
- swift - 用于随机图像的 MacOS Swift 按钮
- scala - 如何从Scala中的另一个类向一个类添加值?