vue定时器设置和关闭页面时关闭定时器方式

setTime() { //设置定时器
  this.clearTimeSet=setInterval(() => {
    this.webSocketClientOnopen();
  }, 1000);
},
clearTime() { //清除定时器
  clearInterval(this.clearTimeSet);
}

mounted : { //页面加载完毕就开始加载定时器
  this.setTime();
}

beforeDestroy() {    //页面关闭时清除定时器  
  clearInterval(this.clearTimeSet);
},

stro() { //主页A
            this.timeClss = setInterval(() => {
                this.getFirstList()
            }, 5 * 100)
        },
        twosli() {// 主页B
            this.times =  setInterval(() => {
                this.getThirdList()
            }, 5 * 100)
        },
        clearTime() { // 主页A 清除
            clearInterval(this.timeClss)
        },
        clearcloss() { // 主页B 清除
            clearInterval(this.times)
        },

 handleClick(tab, event) { // 每个tab点击切换的函数方法
            if(tab.label == '主页A'){
                this.getFirstList()
                this.stro() 
                this.clearcloss()
            }else if(tab.label == '工单A'){
                this.getSecList()
                this.clearTime()
                this.clearcloss()
            }else if(tab.label == '主页B'){
                this.getThirdList()
                this.twosli()
                this.clearTime()
            }else if(tab.label == '工单B'){
                this.getFourList()
                this.clearcloss()
                this.clearTime()
            }
        }

<template>
</template>
<script>
    import store from '@/store'
    import Vue from 'vue'
    export default {
        name: "test",
        data () {
            return {
                timer: null
            }
        },
        methods: {
            setTimer() {
                if(this.timer == null) {
                    this.timer = setInterval( () => {
                        console.log('开始定时...每过一秒执行一次')
                    }, 1000)
                }
            }
        },
        created: function() {
            this.getFamilyBase_info()
            // 每次进入界面时，先清除之前的所有定时器，然后启动新的定时器
            clearInterval(this.timer)
            this.timer = null
            this.setTimer()
        },
        destroyed: function () {
            // 每次离开当前界面时，清除定时器
            clearInterval(this.timer)
            this.timer = null
        }
    }
</script>
<style scoped>
</style>