首页 > 代码库 > 每隔10秒刷新页面 vue

每隔10秒刷新页面 vue

这个问题首先要弄明白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秒刷新数据

}

每隔10秒刷新页面 vue