vue3环境下,三方组件中使用echarts,无法显示问题

问题描述:

vue3中,使用了三方组件primevue的侧边栏Sidebar,在其中注册echarts dom节点,无法显示,提示dom不存在

问题分析:

使用原生div,通过document.getElementById(''),将echarts注册其中,发现可以正常显示;

使用primevue的sidebar,在其中注册div,则无法获取

问题原因:

三方组件还未渲染该节点,所以找不到echarts要绑定的dom

解决方法:

await nextTick()后,开始注册echarts dom,此时三方组件中的dom才能被找到

具体实现:


你可能感兴趣的:(echarts,vue.js,javascript)