setInterval停止，某条件下数据切换重新加载后强制刷新数据方法

最新推荐文章于 2026-06-22 11:58:59 发布

原创最新推荐文章于 2026-06-22 11:58:59 发布 · 454 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

当条件切换后，尽管重新调用了获取数据的方法，table中的数据显示的仍是旧数据。为了解决这个问题，需要强制销毁原有数据并加载新数据。经过多次尝试，找到了最终解决方案。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

问题描述：table数据动态滚动的前提下，需要切换水和电后数据不重新加载

- 尝试了很多方法：`:----:`最终解决

问题出现了： 切换条件后，数据仍然滚动，但是还是切换条件前的数据，太过分了，，，

那么重新调用方法获取数据后，table数据不能加载上新数据.，显示的还是原来old数据，
咋办呢？？

这时候需要将数据强制销毁掉！

// table数据动态滚动的方法
			init(){
				var stop = false;
				var tbody_h = this.$refs.tbody.offsetHeight;
				var currentTop = 0;
				var stoptime = 0;
				this.$nextTick(function(){
					this.$refs.tbody.innerHTML = this.$refs.tbody.innerHTML + this.$refs.tbody.innerHTML;
					this.$refs.table.onmouseover = () => { stop = true };
					this.$refs.table.onmouseout = () => { stop = false };
					this.timer = setInterval(()=>{
						if (stop) return;
						this.$refs.tbody.scrollTop += 1;	
						currentTop += 1;
						if(currentTop == tbody_h){
							currentTop = 0;
							this.$refs.tbody.scrollTop = 0;
						}		 
					},100)
				})
			},

尝试了很多方法：`:----:`最终解决

		//用v-if
		v-if="hackReset"

		//在数据加载后
		this.hackReset = false
			this.$nextTick(() => {
				this.hackReset = true
			})