vue3使用echarts离开页面后再次进入页面不渲染问题

最新推荐文章于 2024-07-18 11:37:02 发布

木心操作

最新推荐文章于 2024-07-18 11:37:02 发布

阅读量301

点赞数 3

分类专栏： vue Echarts 文章标签： vue.js echarts

本文链接：https://blog.csdn.net/qq_41579327/article/details/138076376

版权

vue 同时被 2 个专栏收录

21 篇文章 2 订阅

订阅专栏

Echarts

2 篇文章 0 订阅

订阅专栏

简单方法：清除echarts实例dom上的 _echarts_instance_ 属性

<script setup>
import { ref, nextTick, onMounted } from 'vue'
import * as echarts from 'echarts'

onMounted(async () => {
  await nextTick(() => {})
  const chartDom = document.querySelector('.my-echart')
  chartDom.removeAttribute('_echarts_instance_')
  const myChart = echarts.init(rb_dom)
})
</script>