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就可以保持记录状态