Vue中websocket切換不同的頁面 還能夠正常查看

實時變化的Echars 調用watch方法

  // 查看數據發生變化
  watch: {
    desulfurationNumArr () {
      console.log(this.desulfurationNumArr)
      this.leftTopFun()
    },
    so2num () {
      console.log(this.so2num)
      this.rightTopFun()
    },
    anshuinum () {
      console.log(this.anshuinum)
      this.rightMidRightFun()
    }
  }

Vue中websocket切換不同的頁面 還能夠正常查看

在router-view加上keep-alive，

然后在加載頁面加上actived生命周期：

進入該頁面就會觸發actived，然后執行數據請求接口，頁面數據就進行了更新。

Echars就可以保持記錄狀態