我希望我能在不输入大量代码的情况下解释这一点,因为我现在还没有提供代码。
我创建了一个Vue组件,它应该呈现一个Cytoscape图表(但我想任何图表或映射库都会出现同样的问题)。该组件仅使用v-if进行渲染,如果它有要渲染的数据,那么在传递数据之前,组件不会构建在页面上。
该组件使用'已安装的'生命周期钩子在呈现组件后初始化图表。但是,它的行为就好像容器的大小为0x0并且聚集了左上角的所有数据。无论我是否在CSS中指定容器的尺寸,即使我尝试在图表初始化之前使用Javascript显式设置容器尺寸,这似乎也会发生。
我是否可以在Vue 2中加入一个事件或钩子,它将暂停图表的初始化,直到构建模板的HTML内容,因此具有不可用的属性,因为它似乎"已安装&# 34;不这样做?