当前位置： 首页 > news >正文

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

news 来源：原创 2024/5/9 22:01:17

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图表页面时，不显示图表的问题>

相关文章：

  • 【c语言】简单贪吃蛇的实现
  • Uboot中ARMV7和ARMV8 MMU配置
  • vscode git stash apply stash@{1}不生效
  • 基于python+django，我开发了一款药店信息管理系统
  • 【CSS】移动端适配
  • Echars3D 饼图开发
  • 部署实战--修改jar中的文件并重新打包成jar文件
  • stack和queue及优先级队列和适配器（包括deque）的介绍
  • 云贝教育 | 【技术文章】Oracle 19c RAC修改网络
  • Userexcel 单元格中序号，但是通过openxml获取的不是序号是数字？
  • C++入门（一）— 使用VScode开发简介
  • 【C++】STL反向迭代器模拟实现，迭代器适配器，迭代器类型简单介绍
  • 【竞技宝】LOL：Able小炮连续起跳收割战场 OMG2-0轻取TT
  • 微服务系统设计：横向扩展和纵向扩展的对比
  • C#基础题
  • JavaScript-如何实现克隆(clone)函数
  • 《深入 React 技术栈》
  • egg(89)--egg之redis的发布和订阅
  • express.js的介绍及使用
  • java8-模拟hadoop
  • JavaScript工作原理（五）：深入了解WebSockets，HTTP/2和SSE，以及如何选择
  • JavaScript中的对象个人分享
  • Java程序员幽默爆笑锦集
  • LeetCode算法系列_0891_子序列宽度之和
  • Mysql5.6主从复制
  • Twitter赢在开放，三年创造奇迹
  • Webpack 4 学习01（基础配置）
  • 欢迎参加第二届中国游戏开发者大会
  • 机器学习学习笔记一
  • 基于组件的设计工作流与界面抽象
  • 名企6年Java程序员的工作总结，写给在迷茫中的你！
  • 排序（1）：冒泡排序
  • 前端学习笔记之原型——一张图说明`prototype`和`__proto__`的区别
  • 物联网链路协议
  • 2017年360最后一道编程题
  • #etcd#安装时出错
  • #Spring-boot高级
  • #stm32整理（一）flash读写
  • $.extend({},旧的,新的)；合并对象，后面的覆盖前面的
  • （笔试题）分解质因式
  • (附源码)springboot宠物管理系统 毕业设计 121654
  • (转)ORM
  • .htaccess配置重写url引擎
  • .NET HttpWebRequest、WebClient、HttpClient
  • .NET MVC之AOP
  • .NET 指南：抽象化实现的基类
  • .NET/C# 判断某个类是否是泛型类型或泛型接口的子类型
  • .NET设计模式（11）：组合模式（Composite Pattern）
  • .NET实现之(自动更新)
  • .Net转前端开发-启航篇，如何定制博客园主题
  • @Autowired自动装配
  • @require_PUTNameError: name ‘require_PUT‘ is not defined 解决方法
  • @test注解_Spring 自定义注解你了解过吗？
  • [ linux ] linux 命令英文全称及解释
  • [].slice.call()将类数组转化为真正的数组