Vue实时刷新之看评论改BUG

942 阅读1分钟

上一篇文章评论总结

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

我认为每个人都要勇于去发表自己的小总结,虽然用可能是错误的(比如说我),但是可以看评论改bug,哈哈哈,开个玩笑,这样真的会让你学习到很多东西。

我的上一篇文章有2点错误,

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

最最终版

希望别在多一个

<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提供此方法。

笑对BUG