最近用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了.
三人行,必有我师。
----香蕉麻花皮
Copyright © 2023 leiyu.cn. All Rights Reserved. 磊宇云计算 版权所有 许可证编号:B1-20233142/B2-20230630 山东磊宇云计算有限公司 鲁ICP备2020045424号
磊宇云计算致力于以最 “绿色节能” 的方式,让每一位上云的客户成为全球绿色节能和降低碳排放的贡献者