//轮询更新数据

故事只若初见

于 2022-11-15 09:47:26 发布

阅读量164

点赞数

分类专栏： vue3.0 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/qq_45424679/article/details/127852411

版权

vue3.0 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在 Vue.js 应用中实现数据的定时轮询更新，包括使用 Vue 的 computed 属性、watch 选项或者第三方库来定期获取并更新组件的数据，确保界面实时显示最新信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.created(){
//写的调用函数
this.getData（）
}
2.methods：{
	//轮询更新数据
		updateData() {
		member
			this.timer = setInterval(() => {
				setTimeout(() => {
					this.getData();
				}, 0);
			}, 6000);
		},
}
//
	getData() {
			member().then((res) => {
				this.member = res.model[0];
			});
			Certification().then((res) => {
				this.Certification = res.model[0];
			});
			driver().then((res) => {
				this.driver = res.model[0];
			});
			TotalWaybill().then((res) => {
				this.TotalWaybill = res.model[0];
			});
			getTotalCitiesServed().then((res) => {
				this.getTotalCitiesServed = res.model[0];
			});
		},