解决el-form页面缓存,跳转页面再跳转回来,搜索的内容不变

在获取列表的步骤前,把搜索条件进行判断,判断是否保存了该数据

this.queryParams = this.$store.state.sned.StatMentquery || {}

然后一一把每一项进行赋值

          this.queryParams.globalNumber =this.queryParams.globalNumber || undefined;
          this.queryParams.irNumber =this.queryParams.irNumber || undefined;
          this.queryParams.line =this.queryParams.line || undefined;
          this.queryParams.size =this.queryParams.size || 10;
          this.queryParams.zhuangtai =this.queryParams.zhuangtai || undefined;
          this.queryParams.zuzu =this.queryParams.zuzu || undefined;
          this.queryParams.current =this.queryParams.current || 1;

在接口搜索完,进行保存

this.$store.commit('sned/SET_StatMentquery',this.queryParams)

总体代码

getList(){
          this.queryParams = this.$store.state.sned.StatMentquery || {}
          if(this.queryParams.beginFashengriqi){
            this.daterangeCreateTime = this.queryParams.beginFashengriqi.split(",")
          }
          
          this.loading = true
          this.queryParams.beginFashengriqi = '';
          this.queryParams.endFashengriqi = '';
          if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
            this.queryParams.beginFashengriqi = this.daterangeCreateTime[0] + ',' + this.daterangeCreateTime[1];
            this.queryParams.endFashengriqi = this.daterangeCreateTime[1] + ',' + this.daterangeCreateTime[0];
          }

          this.queryParams.globalNumber =this.queryParams.globalNumber || undefined;
          this.queryParams.irNumber =this.queryParams.irNumber || undefined;
          this.queryParams.line =this.queryParams.line || undefined;
          this.queryParams.size =this.queryParams.size || 10;
          this.queryParams.zhuangtai =this.queryParams.zhuangtai || undefined;
          this.queryParams.zuzu =this.queryParams.zuzu || undefined;
          this.queryParams.current =this.queryParams.current || 1;
          scheduling(this.queryParams).then(res => {
            this.$store.commit('sned/SET_StatMentquery',this.queryParams)
            this.data = res.data.records
           
            this.total = res.data.total
            this.loading = false
          })

        },

vuex页面

const state = {
  Snedquery: {},
  SnedcurrentPage: 1,
  MyDonequery: {},
  MyDonecurrentPage: 1,
  StatMentquery: {},
  StatMentcurrentPage: 1,
}

const mutations = {
  //
  SET_query: (state, Snedquery) => {
    state.Snedquery = Snedquery
  },
  SET_currentPage: (state, SnedcurrentPage) => {
    state.SnedcurrentPage = SnedcurrentPage
  },
  DELETE_query: (state, Snedquery) => {
    state.Snedquery = {}
  },
  DELETE_currentPage: (state, SnedcurrentPage) => {
    state.SnedcurrentPage = 1
  },
  SET_MyDonequery: (state, MyDonequery) => {
    state.MyDonequery = MyDonequery
  },
  SET_MyDonecurrentPage: (state, MyDonecurrentPage) => {
    state.MyDonecurrentPage = MyDonecurrentPage
  },
  DELETE_MyDonequery: (state, MyDonequery) => {
    state.MyDonequery = {}
  },
  DELETE_MyDonecurrentPage: (state, MyDonecurrentPage) => {
    state.MyDonecurrentPage = 1
  },
  SET_StatMentquery: (state, StatMentquery) => {
    state.StatMentquery = StatMentquery
  },
  SET_StatMentcurrentPage: (state, StatMentcurrentPage) => {
    state.StatMentcurrentPage = StatMentcurrentPage
  },
  DELETE_StatMentqueryy: (state, StatMentquery) => {
    state.StatMentquery = {}
  },
  DELETE_StatMentcurrentPage: (state, StatMentcurrentPage) => {
    state.StatMentcurrentPage = 1
  },

}

export default {
  namespaced: true,
  state,
  mutations,
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/580762.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

四信智能化感知与控制方案,助推灌区续建配套与现代化改造建设

“十四五”明确提到推进大中型灌区节水改造和精细化管理,建设节水灌溉骨干工程,同步推进水价综合改革。 灌区是保障国家粮食安全的重要基础性设施,是实施乡村振兴战略的水利支撑。灌区续建配套与现代化改造是实施乡村振兴战略一项重要任务。为…

一套JAVA语言开发的:危大工程智慧一体化工地系统源码,(后台管理端+APP+可视化大屏端)

智慧工地是指利用移动互联、物联网、智能算法、地理信息系统、大数据挖掘分析等信息技术,提高项目现场的“人•机•料•法•环•安”等施工要素信息化管理水平,实现工程施工可视化智能管理,并逐步实现绿色生态建造。 相关技术:微…

“百团大战”下,20年代的国产数据库如何乘风破浪?

引言 在数字化浪潮的推动下,数据库技术已成为支撑数字经济的坚实基石。腾讯云 TVP《技术指针》联合《明说三人行》特别策划的直播系列——【中国数据库前世今生】,我们将通过五期直播,带您穿越五个十年,深入探讨每个时代的数据库演…

vue3.0(四) ref全家桶以及响应的 源码分析

文章目录 1 ref1.1 ref() 是什么1.2 ref() 特点1.3 创建响应式数据1.4 引用DOM元素1.5 深层响应性1.6 DOM 更新时机1.7 ref源码 2 isRef2.1 isRef运用2.2 isRef源码 3 unref3.1 unref运用3.2 unref源码 4 shallowRef4.1 shallowRef运用4.2 shallowRef源码 5 triggerRef5.1 trig…

SpringCloud系列(10)--Eureka集群原理及搭建

前言:当注册中心只有一个,而且当这个注册中心宕机了,就会导致整个服务环境不可用,所以我们需要搭建Eureka注册中心集群来实现负载均衡故障容错 Eureka架构原理图 1、Eureka集群原理 2、创建Eureka Server端服务注册中心模块 (1)在…

ios微信小程序禁用下拉上拉

第一步&#xff1a; page.json配置页面的"navigationStyle":"custom"属性&#xff0c;禁止页面滑动 "navigationStyle":"custom" 第二步&#xff1a; 页面里面使用scroll-view包裹内容&#xff0c;内容可以内部滑动 <view class&…

LLaMA 3:大模型之战的新序幕

作者 | 符尧 OneFlow编译 翻译&#xff5c;杨婷、宛子琳、张雪聃 本文要点概览&#xff1a; 文本数据的扩展可能已经达到了极限&#xff0c;因为易于获取的网络文本资源&#xff08;如Common Crawl、GitHub、ArXiv等&#xff09;已基本被充分利用。 尽管如此&#xff0c;通过更…

Redis底层数据结构之ZSkipList

目录 一、概述二、ZSkipList结构三、和平衡树和哈希表的对比 redis底层数据结构已完结&#x1f44f;&#x1f44f;&#x1f44f;&#xff1a; ☑️redis底层数据结构之SDS☑️redis底层数据结构之ziplist☑️redis底层数据结构之quicklist☑️redis底层数据结构之Dict☑️redis…

[Diffusion Model 笔记]Score based

目录 概述方法怎么估计score&#xff08;估计噪声就是估计score&#xff09;怎么采样&#xff08;给原始数据加噪声&#xff0c;早期大后来变小&#xff09;inpainting &#xff08;来自补充材料&#xff09;还没有细究的地方&#xff1a; 概述 本文是观看以下视频的笔记&…

使用JMeter模拟设备通过MQTT发送数据

需求&#xff1a; 需要一个工具能够支持MQTT协议发送各种不同的数据。 目的&#xff1a; 模拟小型温室设备反馈&#xff0c;搭建一个测试环境&#xff0c;根据测试的数据显示硬件的状态和数值。 工具&#xff1a;JMeter 环境&#xff1a;需要配置Java运行环境。 操作步骤&a…

机器人操作系统ROS2学习—编译工作空间colcon build报错问题

在ROS2中&#xff0c;工作空间创建完成后&#xff0c;会经常需要编译工作空间。在工作空间dev_ws 下打开一个终端&#xff0c;通过指令Colcon build来编译工作空间。 1、这个过程有可能会出现如下错误: "colconbuild:Duplicate package names not supported" 根据…

阅读笔记——《BLEEM: Packet Sequence Oriented Fuzzing for Protocol Implementations》

【参考文献】Zhengxiong Luo, Junze Yu, Feilong Zuo, Jianzhong Liu, Yu Jiang, Ting Chen, Abhik Roychoudhury, and Jiaguang Sun. Bleem: Packet sequence oriented fuzzing for protocol implementations. In 32nd USENIX Security Symposium (USENIX Security 23), pages…

西湖大学赵世钰老师【强化学习的数学原理】学习笔记2节

强化学习的数学原理是由西湖大学赵世钰老师带来的关于RL理论方面的详细课程&#xff0c;本课程深入浅出地介绍了RL的基础原理&#xff0c;前置技能只需要基础的编程能力、概率论以及一部分的高等数学&#xff0c;你听完之后会在大脑里面清晰的勾勒出RL公式推导链条中的每一个部…

github two-factor authentication是个啥?

最近在逛github时&#xff0c;总是时不时会弹出一下界面&#xff0c;很烦 看到红框里的文字&#xff0c;这明显是强制要求做这个认证&#xff0c;如果不认证4天后账号将不可访问&#xff0c;所以今天花点时间看看怎么做这个认证&#xff0c;点“Enable 2FA now”进入这个界面&a…

Vue后台系统demo小计

创建项目 1.报错 Error: command failed: npm install --loglevel error --legacy-peer-deps 措施1&#xff1a;node.js文件夹属性 》高级 》选择第一个允许 Users(XXX\Users) &#xff08;对我无用&#xff09; 措施2&#xff1a;PowerShell(以管理员身份运行) 》 cd 想存…

java基础之java容器-Collection,Map

java容器 java容器分类一. Collection1. List①. ArrayList② . LinkedList③ . Vector 2. Queue队列①. LinkedList②. PriorityQueue 3. Set集合①. HashSet②. TreeSet 二. Map1. HashMap2.TreeMap3. Hashtable java容器分类 java容器分为两大类&#xff0c;分别是Collecti…

VMWare下建的CentOS7 扩容

记录一下扩容过程中踩过的坑 背景&#xff1a;一年半以前私有化部署了一个gitLab服务&#xff0c;当时只分配了30G的磁盘容量&#xff0c;这两天小伙伴总是反馈gitLab登不上。排查发现是因为磁盘满了 然后就开始了磁盘扩容之旅 各种 vgs\pv\pvdisplay\lv\lvm 等等都没用 一下…

ChatGPT记忆功能终于上线了, OpenAI 官方:用得越久越聪明!

原文 ChatGPT记忆功能终于上线了, OpenAI 官方&#xff1a;用得越久越聪明&#xff01; Aitrainee | 公众号&#xff1a;AI进修生 &#x1f31f; 记得今年2月份OpenAI发布过ChatGPT上线记忆功能的消息&#xff0c;我记得当时还弹出过这个窗口给我&#xff0c;但是仅仅体验了几…

【书生浦语第二期实战营学习笔记作业(六)】

课程文档&#xff1a;https://github.com/InternLM/Tutorial/tree/camp2/agent 课程作业&#xff1a;https://github.com/InternLM/Tutorial/blob/camp2/agent/homework.md Lagent & AgentLego 智能体应用搭建 1、Agent 理论1.1 为什么要有智能体1.2 什么是智能体1.3 智能体…

【兼职宝典】七大靠谱手机兼职副业平台,让你乐在其中,轻松实现财务自由!

数字化时代已经到来&#xff0c;互联网的普及与技术的飞速发展让越来越多的人开始关注兼职工作&#xff0c;以此增加收入、锻炼能力或追求兴趣爱好。本文将为您详细解读几种热门的兼职方式&#xff0c;助您找到最适合自己的兼职岗位。 一&#xff0c;自媒体运营&#xff1a;创…