每隔10秒刷新页面 vue

Posted 2020-09-13 雅涵

这个问题首先要弄明白js与es6中的this属性到底指的是什么。

methods: {
　　getData(data){
　　　　....//这是后台接口传过来的数据
　　}，

　　initSetTimeout(today) {//每隔10秒刷新数据，也就是每隔10秒向后台请求一次数据
　　　　setInterval( () => {//es6中这个this指向的是这些方法，若setInterval(function(){ this.getData(today)})中的this指向的真个windows，这样写是会报错的，所以最好用es6来调用getData里的方法
　　　　　　this.getData(today)
　　　　}, 10000)
　　},
}，
created() {//页面一进来就获得当前时间，并且调用每隔10秒刷新数据
　　const
　　　　date = new Date(),
　　　　year = date.getFullYear(),
　　　　month = date.getMonth()+1,
　　　　myDate = date.getDate()
　　　　this.today = `${year}/${month < 10 ? ‘0‘+month : month}/${myDate < 10 ? ‘0‘+myDate : myDate}`,
　　　　this.getData(this.today)//input显示当前时间
　　　　this.initSetTimeout(this.today)//调用每隔10秒刷新数据

}