echart 在vue 中的宽度获取问题问题

Question

项目中有一个选项卡 可以切换，内容设置为display:none; 切换到它时 控制隐藏与显示；
再几个选项卡所对应的内容中分别都有echart图表 ；再需要渲染的元素上都设置了width=100%
但是出现了问题，只有当前页面的宽度是正确的 ，其他的页面宽度都是100px;

为什么会这样我是知道的 但是 如何解决？请大神赐教！