Question

我正在处理v-cloak用echo $message设置样式的项目，并装饰正文。这意味着在Vue实例准备就绪之前，所有内容都将被隐藏。

我制作了一个插入图表的组件（使用highcharts）。该组件已插入display: none，但图表无法正确显示。

我可以通过轮询来解决问题，直到显示元素，但是有更优雅的解决方案吗？

Answer 1

使用Vue的nextTick注入图表，这将保证DOM已准备好更新：

ready: function() {
  this.$nextTick(function() {
        this.chart = new Highcharts.Chart(this.opts);
  });
}