vue实现定时刷新功能

news/2024/7/10 3:20:07 标签: vue

先看效果图,实现监控30秒刷新一次

代码如下:

 /**

         * 定时器

         */

        sleepTime() {

            this.userList = setInterval(this.getSleepList, 30000);

        }

    },

    mounted() {

        this.role = this.PRO_SESSION_DATA.role

        this.sysType = this.PRO_SESSION_DATA.sysType

        this.initFunction();

        this.instercept();

        this.getSleepList(); //userList

        this.sleepTime()

 

    },

    created() {

        //页面加载前进入的地方

    },

    // 销毁定时器

    beforeDestroy() {

        if (this.userList.length > 0) {

            clearInterval(this.userList); // 在Vue实例销毁前,清除定时器

        }

    },


http://www.niftyadmin.cn/n/825443.html

相关文章

小程序的colorui开发文档地址

https://www.kancloud.cn/m22543/colorui/1289225

使用vue使用插件MetaInfo实现动态TDK(title,Keywords,description)

先看效果图: 一、安装:npm i vue-meta-info --save 二、在main.js中引入vue-meta-info import Vue from vue import MetaInfo from vue-meta-info; Vue.use(MetaInfo) 三、在vue文件中可以配置tdk metaInfo: { title: , meta: [{ name: Keywords, …

vue 跳转 同一路由不刷新问题

解决办法 两个方法&#xff0c;推荐用第二种&#xff1a; 方法一&#xff1a;用watch watch{$router: function(to, from){......} }12345 方法二&#xff1a;在router-view 标签上加":key" <router-view :key"$router.currentRoute.fullPath"/> …

微信小程序实现充值,自定义金额充值

首页一如既往的先上效果图&#xff1a; 上代码&#xff1a; WXML---------------------------------------------------------- <view class"bgView flexStandard"><view class"titleBox"><view class"titleView"><text …

微信小程序引入HTML代码,渲染HTML代码片段

首先效果图&#xff1a; 这里我使用的是wxParse来渲染HTML页面的&#xff0c;git地址是&#xff1a;https://github.com/icindy/wxParse&#xff0c;下载好了&#xff0c;把包引入到程序中。 先看看WXML&#xff0c;先引入wxParse.wxml&#xff0c;data这里存放的就是一些html代…

微信小程序分包,分包与主包之间的页面跳转

打包原则 声明 subpackages 后&#xff0c;将按 subpackages 配置路径进行打包&#xff0c;subpackages 配置路径外的目录将被打包到 app&#xff08;主包&#xff09; 中app&#xff08;主包&#xff09;也可以有自己的 pages&#xff08;即最外层的 pages 字段&#xff09;s…

好评动画效果网站

https://cssfx.lovejade.cn/ https://codepen.io/topic/vue/templates http://www.html580.com/tool/css3maker/animation.php

微信小程序同步方法,方法内顺序从上至下依次执行

执行顺序被异步执行了&#xff0c;使用async-await让它同步执行。