解决方案:

1.第一步在所在的组件引入
import { markRaw } from 'vue'

2.第二步初始化

initChart() {
      //   初始化
      this.chartInstance = markRaw(this.$echarts.init(this.$refs.rank_ref))//获取dom元素
      const initOption = {
        xAxis: {
          type: "category",
        },
        yAxis: {
          type: "value",
        },
        series: [
          {
            type: "bar",
          },
        ],
      };
      this.chartInstance.setOption(initOption);
    },

vue3中使用proxy的方式监听响应式,this.chart会被在vue内部转换成响应式对象,从而在resize 的时候获取不到

Logo

前往低代码交流专区

更多推荐