Vue.js 中如何根据特定时间动态调用接口并传入不同参数？

积累知识，胜过积蓄金银！毕竟在文章开发的过程中，会遇到各种各样的问题，往往都是一些细节知识点还没有掌握好而导致的，因此基础知识点的积累是很重要的。下面本文《Vue.js 中如何根据特定时间动态调用接口并传入不同参数？ 》，就带大家讲解一下知识点，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

根据日期时间调用接口

如何在 Vue.js 中根据特定的时间来动态调用接口，并传入不同的参数？

解决方案

我们可以使用 setInterval 函数，它会在固定的时间间隔（以毫秒为单位）执行回调函数。具体实现如下：

const runHandler = () => setInterval(() => {
    const date = new Date(),        
          hour = date.getHours();
    if(hour <= 17){
        // 传入今天的日期
        runHttpRequest(today);
    }
    else{
        // 传入明天的日期
        runHttpRequest(tomorrow);
    }
}, 1000);

runHandler();

在回调函数中，我们先获取当前时间并获取小时数。如果小时数小于或等于 17，则我们调用 runHttpRequest 函数并传入今天的日期。否则，我们调用 runHttpRequest 函数并传入明天的日期。

到这里，我们也就讲完了《Vue.js 中如何根据特定时间动态调用接口并传入不同参数？ 》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！