Vue解决echarts报错Cannot read properties of null (reading‘getAttribute‘)
Cannot read properties of null (reading‘getAttribute‘)echartthis.$nextTick
·
问题出错原因:
大部分页面在进入的时候进行渲染时,由于初始化调用了某些函数或者第三方插件方法,渲染不及时造成的错误。
此处问题是在echart渲染时发现,其他插件使用时也可能会出现此报错,原理相通。
解决方案:
1.延迟到下次 DOM
更新循环之后执行
this.$nextTick(() => {
this.chartPort();
});
2.将处理函数放到mounted(){}
生命周期
mounted() {
this.chartPort();
},
3.document.readyState
方法主要是描述了文档的加载状态
值 | 描述 |
---|---|
loading | 加载中 |
interactive | 文档已经完成加载且已被解析,但是类似图像,样式表和框架之类的子资源仍在加载 |
complete | 加载完成 |
可以通过complete去完成判断进行触发方法。
更多推荐
已为社区贡献3条内容
所有评论(0)