Error: Initialize failed: invalid dom. 解决方法 渲染echarts的地方使用使用this.$nextTick包裹一下,原因就是渲染echarts的时候dom没有拿到 之所以没有拿到 是因为id是父组件传过来的 那时候父组件还没挂在完毕
dom没有挂载完成,echarts.init() 就已经开始执行了,获取不到dom 在onMounted加个定时器 等个1两秒等dom加载完成即可获取到
在vue的项目中使用npm安装 $ npm install echarts --save 在main.js中导入echarts import*asechartsfrom'echarts';Vue.prototype.$echarts= echarts 常见错误 Initialize failed: invalid dom dom没有初始化,echart的实例执行早了,可以先初始化dom然后在函数中调用echart实例。 例:使用echart制作一个柱状图 vue声...
一,背景:单独封装了一个JS的echarts方法,组件中调用这个方法后就会报错Error Initialize failed invalid dom。 代码及报错如下: vue 组件中使用: 这是就会出现报错信息: 1 可能会报错:“Error: Initialize failed: invalid dom.” 原因是dom还没挂载完成,导致报错,这里有几个处理办法: 1...记一次神奇的nginx-502...
使用的话还是和以前差不多,获取dom的话可以用id或ref,但我不太喜欢在vue项目中看到原生的东西,所以就用ref了,ref的话取值记得带上.value;如果进入页面就要显示图表,一定要把初始代码放到onMounted生命周期函数中,不然会报Error: Initialize failed: invalid dom.的错误;另外高度一定要设置实高,不然页面会空白。
Initialize failed: invalid dom dom没有初始化,echart的实例执行早了,可以先初始化dom然后在函数中调用echart实例。 例:使用echart制作一个柱状图 vue声明方法 methods: { echartfunc: function (o) { // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById("echart2"));...
第一步:下载 echarts 5 npm install echarts --save 第二步:在util文件夹下,新建了一个echartsUi.js文件 (这个文件存放位置,依据自己需求) 第三步:在这个js文件中,按照官方介绍,按需引用 // 引入 echarts 核心模块,核心模块提供了 ec