项目场景:
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"]);