vue.js - 如何使用 v-data-table 保留表格内容和排序
问题描述
我有一个带有搜索表单的页面,我使用 vuetify 的数据表作为搜索结果,可以按列排序。
如果我单击表中的某个项目,我将被转发到该项目的编辑页面。然后,如果我单击后退按钮 (this.$route.go(-1)) 所有搜索词,搜索结果和排序都消失了,我必须再次进行相同的搜索。
那么问题来了,如何在数据表中保留所有的结果和排序选择呢?
我想我可以将 localStorage 与搜索表单输入值一起使用?
解决方案
我最终使用 vuex 模块来存储搜索表单输入和 url 来存储列排序数据。所以当我回去的时候,我可以从 vuex 存储中填写表单并从路由查询中设置排序。
推荐阅读
- r - 用 R 刮掉“aspx”页面
- ruby-on-rails - Rails 5 joins where clause on both tables
- php - Symfony4 + Doctrine + League OAuth2 服务器
- python - 结构嵌套列表和嵌套字典的区别
- spring-boot - 此驱动程序/数据库连接的休眠方言是什么?
- spring - SocialAuthenticationFilter 未在 redirect_uri 中为 Facebook 登录设置 HTTPS
- ios - Add iOS device to Provisioning profile
- javascript - 从商店发货后获取数据
- javascript - 根 React Javascript 的样式背景颜色
- python - python numpy std 与 scala 微风 stddev