【发布时间】：2018-04-12 08:37:11
【问题描述】：
在我们的 web 应用程序中，我们经常显示从 AJAX 调用返回的数据的图形或 3D 渲染。
直到用户点击一个按钮，并且从服务器返回 JSON，包含图形或 3D 模型的 div 尚未显示，例如通过设置 div 具有 v-show 属性：<div id="graph" v-show="data.show_graph"></div>
这种方法的问题在于，图形库（例如 highcharts 或 plotly）需要存在此 div 才能获取 div 的高度和宽度才能开始构建图形。但是即使我们首先将 v-show 标志设置为 true，它的渲染速度也不够快，因此图形 javascript 代码可以使用 div 的尺寸。
你知道解决这个问题的方法吗？
【问题讨论】：
-
使用渲染函数或 JSX 而不是单个文件组件。我做了类似的事情，但围绕 ag-grid 构建。 Render functions.
标签： highcharts vue.js plotly