echarts使用测试内网正常，发布到正式网或者外网之后点击其他页面再回来会不显示

Posted 2022-12-03 野猪佩奇007

项目场景：

vue项目使用echarts柱状图表

---

问题描述

echarts使用测试内网正常，发布到正式网或者外网之后点击其他页面再回来会不显示

解决方案：

一开始是这样写的
html:

<div id="main" style="width: 100%;height: 370px;top: -18px;"></div>

js:

var myChart = echarts.init(document.getElementById("main"));

发布外网切换页面再点回来不显示
需要更换方法：id="main"换成ref方法，proxy是vue3的this写法

<div ref="mains" id="main" style="width: 100%;height: 370px;top: -18px;"></div>

let myChart = echarts.init(proxy.$refs["mains"]);