vue结合echarts报错问题

1、在页面中写的echarts容器:

<div id="charts-one" class="echart" ref="chartsOne"></div>

在方法里面获取用了document.getElementById("charts-one") 以及this.$refs.chartsOne然后再init的时候会报错,前一种方式报TypeError: Cannot read property 'getAttribute' of null后面那种报TypeError: Cannot read property 'getAttribute' of undefined
2、自己尝试解决的办法:
在mounted中用之后的办法 还是不可以,

1、this.$nextTick(()=>{方法)}
2、setTimeout(()=>{
      this.dataTotal();
    },50)

3、虽然报错但是页面数据还是渲染成功,希望大神解惑,谢谢

阅读 2.5k
2 个回答

你这个问题描述很模糊你应该先打印下 this.$refs['chartsOne'] 查看下有没有获取到这个节点 建议相关初始化代码以入 mounted 试试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题