前言我们知道resize或者onResize事件是一个window-only事件。如图:我们可以看到在最右边,窗口的宽度发生了变化。这时在左边的chartdiv中监听到windowresize后,就发生了变化。也向右移动。但是如果我们测试不改变窗口,而只是改变div的宽度呢?如图:我们让图表div右侧的div消失(v-if设置为false)。此时chartdiv中的windowresize事件没有监听到。左边的图表div没有变化,这不是我们想要的效果。第三,如果我们在css中动态改变宽度怎么办?如图所示,我们改变了图表div的宽度值,发现当宽度越来越小的时候,图表div的宽度并没有发生变化(只是出现了一个水平滚动条)。也没有听到指令。这不是我们想要的效果。选项1我们可以在图表div的级别放置一个对象元素。设置对象的css,使对象填充父元素的宽度和高度。
