防止图表缩在一起

最新推荐文章于 2024-07-29 13:58:45 发布

Koreyoshi·

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量138

点赞数

分类专栏： vue echarts 文章标签： Vue.js 图表布局 resize事件内存泄漏 rem单位

本文链接：https://blog.csdn.net/Koreyoshi123654/article/details/127381951

版权

echarts 同时被 2 个专栏收录

16 篇文章 1 订阅

订阅专栏

vue

5 篇文章 0 订阅

订阅专栏

防止图表缩在一起

 dispatchResize() {
     this.$nextTick(() => {
       const myEvent = new Event('resize')
       window.dispatchEvent(myEvent)
     })
   }

vue用rem

methods: {
 setFontSize() {
    // 1920分辨率是16px
    document.documentElement.style.fontSize = document.documentElement.offsetWidth / 120 + 'px'
  },
},
  created() {
    this.getTime()
    this.getCurrentRate()
    this.setFontSize()
    window.onresize = () => {
      this.setFontSize()
    }
  },
  beforeDestoryed() {
    // 组件销毁前移除监听,防止内存泄露
    window.onresize = null
  },