ant design +vue关于二级弹框添加echart图不显示的问题
如果你执着修复一个bug并且没有思路,那就请教一下身边的人,我也希望好好努力,去寻找一个志同道合的团队。
效果是这样,二级弹框中点击查看结果,出现表格数据和词云echarts,可是我怎么都出现不了,刚开始报错
就是用js用获取绘制的echarts图时,获取的id是html的dom没有渲染,所以解析不出来。因为在二级弹框里,所以刚开始加载页面的时候,弹框也没有打开,就找不到弹框相应的id,所以渲染出错。
结果搜索结果需要用
定时器请求 settimeout(() => {this.函数名},1000)
或者this.$nextTick(()=> { this.函数名 })
结果我尝试使用发现页面不报错。
但是在弹框中添加还是不出现,不报错也不出现,郁闷。
尝试写在页面中
页面中显示,奇了个怪。最后我的老师说你用ref试试。(敲黑板画重点了)
在vue中,不需要获取dom节点,元素绑定ref之后,直接通过this.refs上。
恍然大悟啊,看来学海无涯苦作舟。
我是怎么解决的呢?Show you my code
绑定ref
然后
引入ref的信息。
短短两行代码,痛彻心扉啊。