echart 错误:Error in mounted hook: "Error: Initialize failed: invalid dom."

https://img2022.cnblogs.com/blog/2833653/202207/2833653-20220714143415544-1563086352.png

  • 原因:初始化没有获取到元素

  • 方法:初始化的时候,使用$nextTick延后执行

      mounted() {
        this.init();
      },
      methods: {
        init() {
          this.$nextTick(() => {
            this.initPic();
          });
        },
    
        initPic() {
          const chartDom = this.$refs.echartPicRef;
          const myChart = echarts.init(chartDom);
          const option = {
            xAxis: {
              type: "category",
              data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
            },
            yAxis: {
              type: "value",
            },
            series: [
              {
                data: [150, 230, 224, 218, 135, 147, 260],
                type: "line",
              },
            ],
          };
    
          option && myChart.setOption(option);
        },
    }
    
posted @   DL·Coder  阅读(6127)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示