如果你执着修复一个bug并且没有思路,那就请教一下身边的人,我也希望好好努力,去寻找一个志同道合的团队。
ant design +vue关于二级弹框添加echart图不显示的问题
效果是这样,二级弹框中点击查看结果,出现表格数据和词云echarts,可是我怎么都出现不了,刚开始报错
ant design +vue关于二级弹框添加echart图不显示的问题
就是用js用获取绘制的echarts图时,获取的id是html的dom没有渲染,所以解析不出来。因为在二级弹框里,所以刚开始加载页面的时候,弹框也没有打开,就找不到弹框相应的id,所以渲染出错。
结果搜索结果需要用
定时器请求 settimeout(() => {this.函数名},1000)
或者this.$nextTick(()=> { this.函数名 })

结果我尝试使用发现页面不报错。
ant design +vue关于二级弹框添加echart图不显示的问题
但是在弹框中添加还是不出现,不报错也不出现,郁闷。
尝试写在页面中
ant design +vue关于二级弹框添加echart图不显示的问题
页面中显示,奇了个怪。最后我的老师说你用ref试试。(敲黑板画重点了)
在vue中,不需要获取dom节点,元素绑定ref之后,直接通过this.refsrefrefs去进行调用。ref用来给元素注册信息,注册的信息会在父元素的refs上。
恍然大悟啊,看来学海无涯苦作舟。
我是怎么解决的呢?Show you my code
ant design +vue关于二级弹框添加echart图不显示的问题
绑定ref
然后
ant design +vue关于二级弹框添加echart图不显示的问题
引入ref的信息。

短短两行代码,痛彻心扉啊。
ant design +vue关于二级弹框添加echart图不显示的问题

相关文章:

  • 2021-12-11
  • 2021-07-14
  • 2021-09-09
  • 2021-12-21
  • 2021-04-10
  • 2021-12-15
  • 2021-11-03
  • 2018-09-05
猜你喜欢
  • 2021-03-08
  • 2021-12-14
  • 2021-12-28
  • 2021-07-30
  • 2021-08-13
  • 2021-11-07
  • 2020-01-28
相关资源
相似解决方案