search

alibaba / butterfly

🦋Butterfly，A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)
https://butterfly-dag.gitee.io/butterfly-dag/home
MIT License
4.48k stars 603 forks source link

draw跟redraw的渲染问题 #955

Open asreday opened 1 year ago

asreday commented 1 year ago

我发现每次调用redraw的时候都会屏闪，如果有每个几秒读取数据的需求的话，每次redraw都会重新删除节点后再新增，有没有啥方式能让其平滑更新节点状态，用butterfly-vue，节点渲染也有问题，直接this.data.nodes = []，视图并未更新，用this.$set(this.data,'nodes',[])也不行，一定要用push这种塞节点的方式才能更新吗？

asreday commented 1 year ago

chrome-capture-2023-5-25 这个只能通过更新zoom才没那么闪

noonnightstorm commented 1 year ago

@Zt448143356 帮忙看看

Zt448143356 commented 1 year ago

如果，你对性能要求高的话。就不推荐你使用vue版本了。 原生的butterfly-dag更加合适你。

关于渲染部分。你可以参看 https://github.com/alibaba/butterfly/blob/master/vue/example/src/page/base/base.vue 这个文件