vue 监听元素高度的变化_vue监听dom大小改变案例

phontoImage(){   //渲染饼图调用的方法

var echarts = require('echarts');

var elementResizeDetectorMaker = require("element-resize-detector");//引入监听dom变化的组件

var erd = elementResizeDetectorMaker();

var worldMapContainer = document.getElementById('main4'); //获取 图标容器dom元素

var that = this;

//用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽

var resizeWorldMapContainer = function () {

worldMapContainer.style.width = worldMapContainer.scrollWidth+'px';

worldMapContainer.style.height = worldMapContainer.clientHeight+'px';

};

// 基于准备好的dom，初始化echarts实例

var myChart = echarts.init(worldMapContainer);

//var myChart = echarts.init(document.getElementById('main1'));

myChart.on('click',function(params){

that.open(params);

});