此问题是图表初始化时 找不到dom,以下是解决方法

1、不要用created(用mounted),created这时候还只是创建了实例,但模板还没挂载完成;

  • created: 在模板渲染成 html 前调用,通常初始化某些属性值,然后再渲染成视图
  • mounted: 在模板渲染成 html 后调用,通常初始化页面完成后,再对 html 的节点进行一些操作
    简而言之:需要操作dom用 mounted,不需要则用 created
    非用created,加延迟执行也可以(如 setTimeout、nextTick)

2、document.getElementId 获取dom 换为使用 ref 指向 dom 元素

echarts.init(this.$refs.你的ref名称)

3、如果是tab切换的,可以使用 v-if 去控制图标的渲染

旨在分享~~~~~~~~~~~~~~~~~~~

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐