切换页面清除定时器

src/views/cultrue/index.vue

@@ -112,6 +112,9 @@ export default {
       newreader:0,//今日办证人数
       returncount:0,
       servcount:0,
+      timer1: null,
+      timer2: null,
+      timer3: null
     };
   },
   mounted() {
@@ -336,7 +339,7 @@ export default {
       setTimeout(() => {
         var myChart = echarts.init(chartDom);
         option && myChart.setOption(option);
-        setInterval(function () {
+        that.timer1 = setInterval(function () {
           myChart.clear();
           option && myChart.setOption(option);
           run(myChart);
@@ -346,17 +349,18 @@ export default {
 
     // 各场馆服务人次趋势
     cultrue_bar2() {
+      let that = this;
       var chartDom = document.getElementById("pcgchart");
 
       var option
-      var xData = this.rsqsXData;
+      var xData = that.rsqsXData;
-      var name = this.rsqsDataName;
+      var name = that.rsqsDataName;
-      // console.log(this.rsqsDataName, 'this.rsqsDataName')
+      // console.log(that.rsqsDataName, 'that.rsqsDataName')
       //  = ['体育场', '体育馆', '游泳场馆'];
-      var data = this.rsqsDataAll;
+      var data = that.rsqsDataAll;
       var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',]
       let iconData = [];
-      this.rsqsDataName.forEach((item, index)=>{
+      that.rsqsDataName.forEach((item, index)=>{
         if(index==0){
           iconData.push({icon: 'image://img/tyc_icon.png', name: name[0]})
         }else if(index==1){
@@ -520,7 +524,7 @@ export default {
       setTimeout(() => {
         var myChart = echarts.init(chartDom);
         option && myChart.setOption(option);
-        setInterval(function () {
+        that.timer2 = setInterval(function () {
           myChart.clear();
           option && myChart.setOption(option);
           run(myChart);
@@ -804,7 +808,7 @@ export default {
       setTimeout(() => {
         var myChart = echarts.init(chartDom);
         run(myChart);
-        setInterval(function () {
+        that.timer3 = setInterval(function () {
           myChart.clear();
           that.getLibraryData();
           run(myChart);
@@ -934,6 +938,12 @@ export default {
       });
     },
   },
+  beforeDestroy(){
+    console.log('清除文化定时器')
+    clearInterval(this.timer1);
+    clearInterval(this.timer2);
+    clearInterval(this.timer3);
+  }
 };
 </script>
 <style>

src/views/index.vue

@@ -178,9 +178,11 @@ export default {
       proportionData: [],
       proportionData_z: [],
       groupNameData: [],
+      timer0: null,//年月日切换定时器
       timer1: null,//左上角定时器
       timer2: null,//左下角定时器
-      timer0: null,//年月日切换定时器
+      timer3: null,
+      timer4: null,
     };
   },
   //创建的时候修改背景图片
@@ -212,8 +214,9 @@ export default {
   },
   methods: {
     autoTimer0(){
-      clearInterval(this.timer0);
+      let that = this;
-      this.timer0 = setInterval(() => {
+      clearInterval(that.timer0);
+      that.timer0 = setInterval(() => {
         if(this.klselt == 'y'){
           this.klselt = 'm';
         }else if(this.klselt == 'm'){
@@ -667,7 +670,7 @@ export default {
       setTimeout(()=>{
         var myChart = echarts.init(chartDom);
         run(myChart);
-        setInterval(function () {
+        that.timer3 = setInterval(function () {
           myChart.clear();
           run(myChart);
         }, 3000);
@@ -909,7 +912,7 @@ export default {
         var pieDom1 = document.getElementById("indexPie1");
         var myChart = echarts.init(pieDom1);
         run(myChart);
-        setInterval(function () {
+        that.timer4 = setInterval(function () {
           myChart.clear();
           that.getPieData();
           run(myChart);
@@ -917,6 +920,14 @@ export default {
       }, 200)
     },
   },
+  beforeDestroy(){
+    console.log('清除总览定时器')
+    clearInterval(this.timer0);
+    clearInterval(this.timer1);
+    clearInterval(this.timer2);
+    clearInterval(this.timer3);
+    clearInterval(this.timer4);
+  }
 };
 </script>
 <style scoped>

src/views/ty/index.vue

@@ -206,7 +206,10 @@ export default {
       oWebControl1: '',
       oWebControl2: '',
       videoData: [],
-      rightTab: 1
+      rightTab: 1,
+      timer1: null,
+      timer2: null,
+      timer3: null
 
     };
   },
@@ -433,7 +436,7 @@ export default {
       setTimeout(()=>{
         var myChart = echarts.init(this.$refs.dinschart);
         option && myChart.setOption(option);
-        setInterval(function () {
+        that.timer1 = setInterval(function () {
           myChart.clear();
           option && myChart.setOption(option);
           run(myChart);
@@ -689,7 +692,7 @@ export default {
       setTimeout(()=>{
         var myChart = echarts.init(chartDom);
         option && myChart.setOption(option);
-        setInterval(function () {
+        that.timer2 = setInterval(function () {
           myChart.clear();
           option && myChart.setOption(option);
           run(myChart);
@@ -721,7 +724,7 @@ export default {
         }, 1500);
       }
       run();
-      setInterval(function () {
+      that.timer3 = setInterval(function () {
         run();
       }, 3000);
     },
@@ -994,6 +997,12 @@ export default {
     },
 
   },
+  beforeDestroy(){
+    console.log('清除体育定时器')
+    clearInterval(this.timer1);
+    clearInterval(this.timer2);
+    clearInterval(this.timer3);
+  }
 };
 </script>
 <style>