当前位置: 首页 > article >正文

vue-flow流程图组件

目录

简介 

安装

组件

demo

主题样式

 Node节点

节点类型

节点增删

节点事件 

Edge连接线


简介 

​​​​​​官方文档是英文,github源码地址,vue-flow官网这样形容自己“通往交互式流程图和图表世界的桥梁,赋予你为流程图和图形表示带来动态性和交互性的能力”,最大特性用简单的方式来定义流程图(易用性高),封装度不高所以提供了很大的自主开发灵活性,另外默认的响应式也是它的一个特性,它还有其他额外组件(需要install后使用):

  • 背景 (Background):背景画布
  • 小地图 (MiniMap):右下角的鸟瞰视图
  • 控制面板 (Controls):左下角提供的控制面板。
  • 节点工具栏 (NodeToolbar)和节点调整大小 (NodeResizer)

vue-flow是ts写的,有严格的类型要求!

安装


                

http://www.kler.cn/a/447382.html

相关文章:

  • 使用C语言编写UDP循环接收并打印消息的程序
  • 简洁IIC协议讲述
  • Elasticsearch-DSL高级查询操作
  • 《探秘 Qt Creator Manual 4.11.1》
  • 解决 Amazon S3 管理控制台中 5GB 大小限制的问题
  • day38-SSH安全登录
  • 基于SpringBoot的“旅游管理系统”的设计与实现(源码+数据库+文档+PPT)
  • 模型数据算法概论
  • 【Elasticsearch04】企业级日志分析系统ELK之Elasticsearch 插件
  • 方格分割(蓝桥杯2017年试题D)
  • 台球助教系统开发之助教预约功能模块需求分析(第十三章)
  • 【Python】利用函数模拟创建【栈】的数据结构操作
  • MFC/C++学习系列之简单记录6
  • Kubeadm+Containerd部署k8s(v1.28.2)集群(非高可用版)
  • Pytorch | 利用NI-FGSM针对CIFAR10上的ResNet分类器进行对抗攻击
  • go-zero负载均衡实现原理
  • 重拾设计模式--模板方法模式
  • 书生·浦语大模型全链路开源体系-第6关 OpenCompass 评测
  • 苹果手机怎么清理空间:拯救你的拥挤手机
  • MyBatis主键自增回填功能源码分析
  • Redis List操作
  • Docker容器命令
  • clickhouse-副本和分片
  • StarRocks:存算一体模式部署
  • maui开发成生安卓apk,运行提示该应用与此设备的CPU不兼容
  • Spring Boot + Dubbo 的整合 ,仅需六步