页面切换导致echarts不加载的问题

1. 问题描述

在A页面写了echarts,初始化dom元素加载,显示正常.当切换到B页,再切换回A页面时,echarts加载不出来.

f12召唤出来看看报错,没有问题,但是有这样的警告
在这里插入图片描述
渲染echarts的dom元素上多了一个" echarts_instance "的属性,这是用来表示唯一性的.

2. 问题解决

如下初始化可解决问题

const echarts = document.querySelector('....')
echarts.removeAttribute("_echarts_instance_")//移除唯一标识
let myEcharts = echarts.init(echarts )

引自:

小猫哇来啦 <echarts在vue3中的使用——其他页面跳转回echarts图表页面时,不显示图表的问题>

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-02-01 21:00:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-01 21:00:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-01 21:00:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-01 21:00:03       20 阅读

热门阅读

  1. tar解压之后属主和属组不是当前用户问题

    2024-02-01 21:00:03       30 阅读
  2. 台达dvp16es2plc-qt串口通信协议

    2024-02-01 21:00:03       28 阅读
  3. C++入门

    C++入门

    2024-02-01 21:00:03      25 阅读
  4. 使用android辅助服务监听Activity打开

    2024-02-01 21:00:03       25 阅读
  5. 被审查?ChatGPT陷入数据风波!

    2024-02-01 21:00:03       31 阅读
  6. M1芯片MAC 安装MySQL、Nacos遇到的问题

    2024-02-01 21:00:03       32 阅读
  7. 【SpringBoot】如何在 Utils 工具类中注入 Bean

    2024-02-01 21:00:03       29 阅读