Vue实时刷新之看评论改BUG

上一篇文章评论总结

不发不知道,一发吓一跳,我这个是看评论改BUG啊,因此我要总结一下我上一篇文章的错误,谢谢大佬们提的建议,每一个我都亲自尝试。vue

我认为每一个人都要敢于去发表本身的小总结,虽然用多是错误的(好比说我),可是能够看评论改bug,哈哈哈,开个玩笑,这样真的会让你学习到不少东西。学习

个人上一篇文章有2点错误,

  1. timer中返回的不是定时器,因此clear不能清除。
  2. setTimeout定时器不用清除也能够,页面切换就会自动关闭,自认为是能够清除的。(呵呵,嘲笑本身)

最最终版

但愿别在多一个this

<script>
export default {
    name: 'timer',
    data() {
         return{
            _timer:function(){}
        }
    },
    created() {
      this.getData()
      this._timer()
    },
    methods: {
    	// 获取数据
    	getData() {
            .....
    	},
    	// 定时器
        timer() {
            this._timer = setInterval(()=>{
                this.getData()
            },1000)
        }
    },
    destroyed() {
        clearInterval(this._timer)
    }
}
</script>
复制代码

谢谢大佬,adensW提供此方法。spa

笑对BUG

相关文章
相关标签/搜索