vue3+vite+Ts 基于Antv/x6 绘制流程图

需求效果:

vue3+vite+Ts 基于Antv/x6 绘制流程图_第1张图片

 vue3+vite+Ts 基于Antv/x6 绘制流程图_第2张图片

 vue3+vite+Ts 基于Antv/x6 绘制流程图_第3张图片

需求:

实现一个流程图,双击可对相应的组件进行一些功能操作;

工具栈:

这里使用@antv/x6, 基于vue3+vite+ts进行开发

官网地址:

 https://x6.antv.antgroup.com/examples/showcase/practices/#flowchart

代码:


  

  

你可能感兴趣的:(流程图,vue.js,前端)