vuejs 组件复用的问题？

Question

当前页面有三个tab，分别为三个子页面，然后其中一个子页面（画布页面）有一个复杂度非常高的画布（canvas）。现在有个需求就是，我在当前另一个子页面（非画布页面）的dialog中要显示这个canvas，最好是不用重新加载canvas（因为里面节点比较多，加载比较慢），有什么办法吗。

Answer 1

可以通过canvas.toDataURL(type, encoderOptions)方法在首次渲染时把canvas保存成图片。并生成url, 后续直接使用图片展示即可。前提是两个canvas必须是一模一样的。