当前位置: 首页 > news >正文

Vue实时刷新,比如我提交审核,审核页面还需要点查询才能看到最新数据

refreshTimer: null,lastRefreshTime: null};
},
created() {console.log('组件创建,初始化数据...');this.loadLatestData();this.setupAutoRefresh();
},
activated() {// 当使用keep-alive时,组件激活时刷新数据console.log('组件激活,刷新数据...');this.loadLatestData();
},
beforeDestroy() {console.log('组件销毁,清理定时器...');this.clearAutoRefresh();
},methods: {/** 查询审核列表 *//** 加载最新数据 */loadLatestData() {console.log('正在获取最新数据...');this.queryParams.pageNum = 1; // 重置到第一页this.getList();},/** 设置自动刷新 */setupAutoRefresh() {this.clearAutoRefresh(); // 先清除已有定时器// 设置新的定时器(30秒刷新一次)this.refreshTimer = setInterval(() => {this.lastRefreshTime = new Date();console.log(`[${this.lastRefreshTime.toLocaleTimeString()}] 自动刷新数据...`);this.getList();}, 30000);},/** 清除自动刷新 */clearAutoRefresh() {if (this.refreshTimer) {clearInterval(this.refreshTimer);this.refreshTimer = null;}},/** 查询审核列表 */getList() {this.loading = true;zijidelist(this.queryParams).then(response => {console.log('数据获取成功', response);this.List = response.rows;this.total = response.total;this.loading = false;}).catch(error => {console.error('获取数据失败:', error);this.loading = false;this.$message.error('数据加载失败');});},
http://www.lryc.cn/news/619552.html

相关文章:

  • 广州健永信息科技有限公司发展历程
  • 【分布式 ID】一文详解美团 Leaf
  • ubuntu24.04安装 bpftool 以及生成 vmlinux.h 文件
  • MySQL的MVCC多版本并发控制
  • 拓扑结构图解析
  • iscc2025区域赛wp
  • GitHub宕机时的协作方案
  • 软考备考——三、操作系统
  • 【计组】指令与CPU
  • 建设有人文温度的智能社会:规划与实施路径
  • Apple 的 GPU 加速框架
  • setsockopt函数详解
  • 利用 Makefile 高效启动 VIVADO 软件:深入解析与实践
  • 哈希算法(摘要算法)
  • 超实用!ToDesk/网易UU/向日葵:远程办公文件协作效率与安全实测
  • C++冒泡、选择、快速、桶排序超超超详细解析
  • PCBA:电子产品制造的核心环节
  • 深度学习赋能汽车制造缺陷检测
  • MFC/C++ 如何弹窗选择具体文件或某种类型文件路径,又是如何选择路径
  • 记录RK3588的docker中启动rviz2报错
  • 【论文笔记】DOC: Improving Long Story Coherence With Detailed Outline Control
  • 【114页PPT】基于SAPSRM数字化采购解决方案(附下载方式)
  • XCZU6CG-2FFVC900I Xilinx FPGA AMD ZynqUltraScale+ MPSoC
  • 002.从0开始,实现第一个deepseek问答
  • h5bench(3)
  • 疯狂星期四文案网第38天运营日记
  • 【递归、搜索与回溯算法】综合练习
  • 双椒派E2000D系统盘制作全攻略
  • 2025 电赛 C 题完整通关攻略:从单目标定到 2 cm 测距精度的全流程实战
  • RS485转profinet网关接M8-11 系列 RFID 读卡模块实现读取卡号输出