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

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

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

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

clearInterval(){

clearInterval(this.updata_timer);

}

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