Vue3：element对话框渲染echarts图出错问题

elementplus中的对话框是我们经常会使用的一个组件，如下

有时候我们需要往对话框内的模板中传入数据，例如对话框内有个表格

出现问题的前提，我用了一个组件去封装对话框，并且在对话框组件内使用了echarts图，然后在需要的页面的组件内引用对话框组件

问题： echart图不出现

问题出现的原因： 渲染的过程先后问题，因为echarts图是在对话框渲染后才渲染的，而在对话框组件中的echarts的初始化init()方法没有写在对话框dialogVisible = true之后

也就是说，我在页面中点开对话框，在对话框的组件页面中，并没有去执行echarts的**init()**方法，因为echarts图在模板中并没有绑定任何的方法，只是通过类去渲染的

解决思路是在引用对话框的时候用nextTick()方法重新渲染一次echarts图