el-tab 内嵌echarts图表设置宽度100%结果为100px的解决办法

原因分析

主要原因:图表设置了display:none属性上(属性含义:不为被隐藏的对象保留其物理空间,关闭元素的显示,并且所有后代元素不显示

解决方法:外部div盒子必须要在init初始化前就已经存在于dom树中(也就是已经挂载)。在监视中(watch),要配合nextTick方法使用,这样才能完全确保初始化之前,外部盒子已经存在于dom树中。

示例代码:




你可能感兴趣的:(HTML,echarts,前端,javascript)