【AntV X6 流程图】在elementUI对话框的渲染问题(已解决)

陈宁宁Ninging

已于 2023-09-15 19:41:10 修改

阅读量567

点赞数

文章标签： elementui 流程图 vue.js

于 2023-05-02 11:51:21 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/xiaoxiqo/article/details/130462166

版权

昨天做项目时利用AntV X6绘制了流程图，发现不能在elementUI对话框中展示

【对话框代码】

【初始化图的方法以及调用位置】
在这里插入图片描述

【elementUI对话框调不出图来的效果】
在这里插入图片描述
研究一番后发现是初始化图的时机不对，
我们来对比VUE的生命周期

vue 的生命周期函数—CSDN:Falling snow

留意到我们的图是和页面的元素（DOM）绑定的，所以初始化时机应该是在update()
在这里插入图片描述

【更改过后的初始化位置】
在这里插入图片描述

【点开对话框就能直接显示图了】
在这里插入图片描述

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。