echarts绘制图表，切换页面后返回，默认刷新数据图表不显示问题（有用）

最新推荐文章于 2024-02-27 18:06:07 发布

豆逗逗

最新推荐文章于 2024-02-27 18:06:07 发布

阅读量1.4k

点赞数

分类专栏： vue element-ui 文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/weixin_38345306/article/details/126127166

版权

vue 同时被 2 个专栏收录

104 篇文章 4 订阅

订阅专栏

element-ui

30 篇文章 0 订阅

订阅专栏

这个问题在我发布到线上的时候是没有问题的，在自己的电脑上执行时有问题的
，可使用下面的方法解决

document.getElementById("gaugeChart").removeAttribute('_echarts_instance_');

部分代码

watch: {
    gaugeData: {
      handler: function () {
        document.getElementById("gaugeChart").removeAttribute('_echarts_instance_');
        this.myChart = this.$echarts.init(this.$refs.gaugeChart);
        this.drawGuage();
      },
      deep: true,
    },
 },