vue如何获取div的宽度_vue 动态获取div宽高有时候为0的情况

项目背景：

需要使用echarts进行图表展示。由于div宽高是不固定的，因此需要先获取父级的宽高再把值赋予到图表的div中。

需要使用 this.$nextTick(() => {    });方法，在mounted中，保证DOM渲染完全后，在进行echarts初始化。

import echarts from 'echarts';

export default {

name: "wifiCollect",

props: {

className: {type: String, default: 'chart'},

id: {type: String, default: 'wifiCollectID'},

},

data() {

return {

chart: null,

seriesData: '',

xAxisTxt: '',

color: [

'#3D89FE', '#9bca62', '#2ec7c9', '#b6a2de', '#5ab1ef',

'#8d98b3', '#e5cf0d', '#97b552', '#95706d', '#dc69aa',

'#07a2a4', '#9a7fd1', '#588dd5', '#f5994e', '#c05050',

'#59