[Vue warn]: Error in mount hook: “TypeError: Cannot read properties of null (reading ‘getAttribute‘)

一、在运行Vue项目时出现了上述错误

出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化,

利用Vue中的ref和$refs 来代替document.getElementById()获取该图形容器对象

<div id="mian" ref="chart" ></div>

var myChart = this.$echarts.init(this.$refs.chart);

二、想在el-dialog对话框中展示Echarts图表时,出现了如上错误

通过$refs获取不到 el-dialog对话框中的子组件对象,返回的都是undefined,这也就导致了上图的错误。

解决办法:

在通过this.$refs  获取el-dialog对话框中的子组件对象之前加入以下函数即可:

 this.$nextTick(function () {           });

在dialog框生成后再去初始化echarts

 

上一篇:vue3中的Teleport


下一篇:【DB笔试面试710】在Oracle中,用哪个参数可以判断一个数据库是否是RAC库?