Error in created hook: "TypeError: Cannot read property 'getAttribute' of undefined"

用的Vue,第一反应是echart的引用错误,然后用cdn的方式引入,也是这样的错,最后发现是生命周期的原因

用的created 调用方法-------实例已经创建完成之后被调用。在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。

created数据构建完成,未渲染到页面

mounted -----el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素,当 mounted 被调用时 vm.$el 也在文档内。 

mounted页面渲染完毕,数据也已挂载

1.错误原因

(1)没有定义id,没找到DOM

(2)js中在绘制地图的时候,获取了id为demo的div,但此时HTML中的body还没有执行

2.解决方法

 mounted() {
            this.getChart()
        },
methods:{
       
            getChart(){
                let myChart = echarts.init(this.$refs.productChart)
                myChart.setOption(this.option);
            }
        }

 

Logo

前往低代码交流专区

更多推荐