使用keep-live组件无法销毁cesium的view

前言:同事使用了keep-live组件来保证页面不会重复渲染,但是频繁使用路由跳转会使cesium失败从而报错。

报错原因:两个页面都使用了cesium,但是keep-live没办法正常使用beforeDestroy。进而没办法销毁掉cesium。频繁使用路由进行跳转,cesium又没有销毁。导致了渲染错误

解决办法:

deactivated(){
    viewer && viewer.destroy()
    viewer = null
  },
  activated(){
    this.init()//渲染和定义cesium的方法
  }

你可能感兴趣的:(cesium,前端,vue.js)