首页 > 其他 > 详细

每隔10秒刷新页面 vue

时间:2017-04-22 23:54:52      阅读:4869      评论:0      收藏:0      [点我收藏+]

这个问题首先要弄明白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

原文:http://www.cnblogs.com/wendy-home-5678/p/6750056.html

(1)
(2)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!