1.下载依赖
npm install element-resize-detector
2.在vue文件中引入
import elementResizeDetectorMaker from 'element-resize-detector'
3.使用该方法监听盒子的大小改变
mounted() {//在元素加载完成去调用该方法
this.watchSize();
},
methods: {
watchSize() {
let that = this;
let erd = elementResizeDetectorMaker()
let Dom=that.$refs.meanField;//拿dom元素
//监听盒子的变化
erd.listenTo(Dom, function (element) {
let myChart = that.$echarts.init(Dom);
myChart.resize();//echarts自带的方法可以使图表重新加载
})
},
}