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.pswp.cn/pingmian/93462.shtml
繁體地址,請注明出處:http://hk.pswp.cn/pingmian/93462.shtml
英文地址,請注明出處:http://en.pswp.cn/pingmian/93462.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Docker入門:容器化技術的第一堂課

Docker入門:容器化技術的第一堂課 🌟 你好,我是 勵志成為糕手 ! 🌌 在代碼的宇宙中,我是那個追逐優雅與性能的星際旅人。 ? 每一行代碼都是我種下的星光,在邏輯的土壤里生長成璀璨的銀河&#…

【SLAM】不同相機模型及其常見的鏈式求導推導

【SLAM】不同相機模型及其常見的鏈式求導推導1. 魚眼相機模型鏈式求導1. 魚眼相機畸變模型2. 雅可比矩陣的推導畸變坐標相對于歸一化坐標的雅可比矩陣 Hdz/dznH_{dz/dzn}Hdz/dzn?畸變坐標相對于相機內參的雅可比矩陣 Hdz/dzetaH_{dz/dzeta}Hdz/dzeta?3. 注意4. 輸入輸出含義5…

【人工智能】本地部署 KTransformers并加載大模型筆記

博主未授權任何人或組織機構轉載博主任何原創文章,感謝各位對原創的支持! 博主鏈接 本人就職于國際知名終端廠商,負責modem芯片研發。 在5G早期負責終端數據業務層、核心網相關的開發工作,目前牽頭6G技術研究。 博客內容主要圍繞…

TDengine IDMP 高級功能(3. 概念解釋)

枚舉集 為提升數據的可閱讀性,IDMP 為數據提供枚舉類型。您可以將一些整型數定義為一具有可讀性的字符串。與其他軟件一樣,您可以定義多個枚舉集,每個枚舉集可以有多個枚舉量。您可以增加、刪除、修改、查詢枚舉集與枚舉量。 但獨特的是&am…

CUDA 入門教程(GPT優化版)

學習路徑 一、環境準備與快速入門 搭建開發環境 ○ 安裝 CUDA Toolkit,適用于 Windows(如 Visual Studio)或 Linux,確保你的設備為 NVIDIA GPU 并支持 CUDA。(wholetomato.com) ○ 如果你偏好輕量工具,也可用 VS Code + Nsight 開發環境進行 CUDA 編程。(wholetomato.com)…

react項目性能優化的hook

前言:在項目中開發中,性能優化是很重要的,react有提供專門的hook,useMemo 和useCallback 這里說一說他們。區別:特性useMemouseCallback返回值緩存一個 值(計算結果)緩存一個 函數依賴變化時重新…

Docker(springcloud筆記第三期)

p.s.這是萌新自己自學總結的筆記,如果想學習得更透徹的話還是請去看大佬的講解 目錄鏡像與容器一些命令與鏡像命名規范數據卷自定義鏡像Dockerfile鏡像與容器 當我們利用Docker安裝應用時,Docker會自動搜索并下載應用鏡像(image),鏡像不僅包含應用本身&…

MySQL定時任務詳解 - Event Scheduler 事件調度器從基礎到實戰

🌷 古之立大事者,不惟有超世之才,亦必有堅忍不拔之志 🎐 個人CSND主頁——Micro麥可樂的博客 🐥《Docker實操教程》專欄以最新的Centos版本為基礎進行Docker實操教程,入門到實戰 🌺《RabbitMQ》…

redis存儲原理與對象模型

redis中的不同線程 redis單線程是指什么? redis的所有命令處理都在同一個線程中完成 redis為什么采用單線程? redis中存在多種數據結構存儲value,如果采用多線程,加鎖會很復雜、加鎖力度不阿紅控制,同時&#xff0c…

基于微信小程序的家教服務平臺的設計與實現/基于asp.net/c#的家教服務平臺/基于asp.net/c#的家教管理系統

基于微信小程序的家教服務平臺的設計與實現/基于asp.net/c#的家教服務平臺/基于asp.net/c#的家教管理系統

安全審計-iptales防火墻設置

文章目錄一、iptales防火墻設置1.ip規則設置2.ip端口規則設置3.刪除規則4.INPUT默認設置5.ping、本地訪問規則6.保存還原規則7.查看清除規則一、iptales防火墻設置 1.ip規則設置 #允許ip訪問本服務器 iptables -I INPUT -s 192.168.205.129 -p tcp -j ACCEPT#允許某IP或某網段…

Linux小白加油站,第二周

1.grep命令中哪個選項可以忽略大小寫進行搜索?grep -i 2.如何用grep命令查找包含”error關鍵字的日志文件并返回文件名?grep -lr3.解釋grep命令中^f...d$這個表達式的含義^f:以f開頭..:任意兩個字符d$:以d結尾4.如何過濾掉文件中的注釋行以…

【前端基礎】19、CSS的flex布局

一、FlexBox概念 FlexBox翻譯為彈性盒子。 彈性盒子是一種用于按行或按列布局元素的一維布局方式。元素可以膨脹以填充額外的空間,收縮以適應更小的空間。我們使用FlexBox來進行布局的方案稱為flex布局。二、flex布局的重要概念 兩個重要的概念 開啟flex布局的元素叫…

Effective C++ 條款46:需要類型轉換時請為模板定義非成員函數

Effective C 條款46:需要類型轉換時請為模板定義非成員函數核心思想:當模板類需要支持隱式類型轉換時,應將非成員函數聲明為友元并定義在類內部(或通過輔助函數實現),以繞過模板參數推導的限制,…

用Python對機器學習數據進行縮放

許多機器學習算法期望數據被一致地縮放。 在為機器學習擴展數據時,你應該考慮兩種常用的方法。 在這個教程中,您將了解如何為機器學習重新縮放您的數據。閱讀完這個教程后,您將知道: 如何從頭開始對您的數據進行標準化。如何從…

Application-properties 配置大全

SpringBoot - application.properties 配置大全 SpringBoot項目最重要也是最核心的配置文件就是application.properties,所有的框架配置都需要在這個配置文件中說明,以下配置不會的可以進行查閱并修改 #SPRING CONFIG(ConfigFileA…

MXFP4量化:如何在80GB GPU上運行1200億參數的GPT-OSS模型

大型語言模型(Large Language Models, LLMs)如GPT-OSS、GPT-4、LLaMA和Mixtral的快速發展顯著提升了人工智能的能力邊界,但同時也帶來了嚴峻的內存資源挑戰。以1200億參數的模型為例,在FP16精度下僅權重存儲就需要約240GB的內存空…

Unity進階--C#補充知識點--【Unity跨平臺的原理】了解.Net

來源于唐老獅的視頻教學,僅作記錄和感悟記錄,方便日后復習或者查找一.什么是.Net.Net是指微軟一整套技術體系的統稱與代號包含的內容有:框架體系:.Net Frameword, .Net Core, Mono開發語言:C#&a…

論文淺嘗 | 提高大型語言模型的數學推理能力的學習定理基本原理(AAAI2025)

筆記整理:蘭雅榕,浙江大學碩士生,研究方向為知識圖譜、大語言模型論文鏈接:https://ojs.aaai.org/index.php/AAAI/article/view/33662發表會議:AAAI 20251. 動機提高開源大型語言模型(LLM)的數學…

母豬姿態轉換行為識別:計算機視覺與行為識別模型調優指南

母豬姿態轉換行為識別:計算機視覺與行為識別模型調優指南 1. 引言 1.1 研究背景與意義 母豬姿態轉換行為識別是智能養殖領域的重要研究方向,通過計算機視覺技術自動識別母豬的站立、躺臥、行走等姿態變化,對于監測母豬健康狀態、評估福利水平…