小谢第20问：vue中切换tab页清除定时器

Posted 2020-12-09 xieoxie3000question

场景是这样的：因为两个tab页面的内容较多，所以将每一个tab页分离成子组件，然后在各自的页面渲染视图，起初我认为每一个tab页相当于单页面，所以用了vue钩子函数destory的清除定时器，发现不管用

解决办法：将清除定时器的方法写在tab的点击事件中

具体方案：1、ref绑定子组件，然后将清除定时器的方法写在子组件的method中，

    clearInterval(){

      clearInterval(this.updata_timer); 

    }

2、在父组件中，用this.$ref获取子组件的方法-----搞定！