关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

datav和echarts一起使用时,获取不到datav的组件里获取不到dom元素

发布时间:2023-06-26 19:00:27

最近用datav框架开发一个数据大屏,碰到了一个小问题,也怪我,想着省事了,懒得封装了,结果导致一直在datav组件里获取不到dom元素,导致echarts渲染不上去,代码如下

<template>  <div>  <dv-full-screen-container >  <div ref="oil_meter" style="height: 520px; width: 520px"></div>  <dv-border-box-1><acctk></acctk>dv-border-box-1>  </dv-full-screen-container>  </div> </template>

   

乍一看没啥问题,但是,我们的在datav的组件里用了div,并且直接获取这个div的dom用来渲染echarts了,这就导致一直报错,报获取不到dom,用来很多种方法,(除了用定时器,给获取dom的代码延迟,这样才能获取到,但是,不到万不得已,不能用定时器,否则,代码档次直接降低)最后,在查看官方文档时,发现了官方的一个告示

不能在组件标签内,获取dom!!!,只能时,在组件标签内使用我们写的echarts内容的组件,然后在我们写的组件内将dom获取到,在组件内操作,然后在将组件放在datav的边框组件内,这样就能成功渲染,并且不会出现获取不到dom了.



三人行,必有我师。

----香蕉麻花皮


/template/Home/leiyu/PC/Static