vue实现定时刷新数据,每隔5分钟执行一次
更新时间：2023年01月16日 09:04:48 作者：~犇犇~
这篇文章主要介绍了vue实现定时刷新数据,每隔5分钟执行一次问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue定时刷新数据,每隔5分钟执行一次
data() {
return {
timer: null
}
},
mounted() {
// 每隔5分钟定时刷新
this.timer = setInterval(() => {
this.getFxItemlist();
}, 300000)
},
beforeDestroy() {
clearInterval(this.timer);
},
methods: {
getFxItemlist() {
...
}
}vue局部定时刷新
定时刷新一般都会想到定时器,vue局部定时刷新如下：
设置定时器
timer: "",//定时器
//定时器刷新待办事项
this.timer = setInterval(() => {
self.reload();
}, 1000);局部刷新
<div class="DealtTop" v-if="isRefreshAlive">
isRefreshAlive: true, //刷新
//局部刷新
reload() {
this.isRefreshAlive = false;
this.$nextTick(function() {
this.isRefreshAlive = true;
});
},如果是在父子组件中，还需要加上provide / inject配合使用，如下：
provide() {
return {
reload: this.reload
};
},清除定时器
destroyed(){
clearInterval(this.timer);
},总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue3的自定义hook函数使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
我们在本篇内容里给大家整理了关于vue框架安装的步骤以及需要注意的地方，有需要的朋友们学习下。2019-02-02
在本文中，我们学习了如何使用 Intersection Observer API 和 defineAsyncComponent 函数在 Vue 组件可见时对其进行懒加载，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友一起看看吧2023-09-09
这篇文章主要介绍了vue实现导航标题栏随页面滚动渐隐渐显效果,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-03-03
这篇文章主要介绍了vue3关于RouterView插槽和过渡动效,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-06-06
这篇文章主要介绍了解决vue $http的get和post请求跨域问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-06-06
Vue+ElementUi实现点击表格链接页面跳转和路由效果
这篇文章主要介绍了Vue+ElementUi实现点击表格中链接进行页面跳转和路由,本文结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-03-03
凡事有好就又坏，想必大家都知道Vue的作用与优点，但是使用的规程中也总是有很多问题，接下来小编就来向大家讲解使用Vue时应注意的一些问题，希望能帮助到大家2021-09-09
Electron也可以快速地将你的网站打包成一个原生应用发布,下面这篇文章主要给大家介绍了关于Vue和React中快速使用Electron的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-11-11
这篇文章主要为大家介绍了vue parseHTML 函数拿到返回值后的处理源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
最新评论