前端Vue定时请求接口

前端Vue定时请求接口

前端Vue定时请求接口

  1. 最终实现的是这样一个效果

    • task
  2. 在前端使用定时器,定时请求后端接口

     //定时查询
      mounted(){
        if(this.timer){
            clearInterval(this.timer);
        }
        else{
            this.timer = setInterval( () => {
    			//需要定时请求的方法名
                this.orderNumIndex();
                this.orderChance();
                this.getAllList();
                this.getErrList();
            } ,3000);
        }
      },
      destroyed(){
        clearInterval(this.timer);
      }
    
  3. 加载样式使用 “vue-count-to”

    //导入组件
    import CountTo from 'vue-count-to';
    
    //样式
    <count-to :start-val="0" :end-val= 'chance' :duration="3600" class="card-panel-num" />
    

Copyright: 采用 知识共享署名4.0 国际许可协议进行许可

Links: https://championmi.cn/archives/前端vue定时请求接口md

Buy me a cup of coffee ☕.