过程
由于需要在 vue 项目中使用 echarts 图表,基于 canvas 的 echarts 不能随窗口大小改变而改变。这时就需要监听窗口大小,并实时执行 echarts 的 resize 方法。
向 Window 对象添加事件句柄
mounted() { window.addEventListener('resize', this.resizeHandler) }, destroyed()
{ window.removeEventListener('resize', this.resizeHandler) }, methods:{
resizeHandler(){ // do something } }
大约 2 分钟