关于在vue 中引用echarts 出现 "TypeError: Cannot read property ‘getAttribute’ of undefined"问题
如果是在vue 中使用 echarts 在初始化图表的时候需要用到 props 里面传过来的值的话就 会 出现这个问题 ,搜索一下 有的解决方案 是 用watch 进行监控 等到数据变化的是再行触发 图表的初始化函数 ,但是我试过不行
watch: {
datav: {
handler(newValue, oldValue) {
this.datav = newValue;
console.log(this.datav)
},
deep: true,//确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到。)
immediate: true,//确认是否以当前的初始值执行handler的函数
},
},
以上的这个行不通!!!!
正解:
原因是 dom没有加载完的问题,要放在this.$nextTick改成
mounted() {
this.$nextTick(() => {
this.initChart();
});
}