当前位置:

VFD(VUE FLOW DESIGN流程设计器)

VFD(VUE FLOW DESIGN流程设计器)是一套基于Vue + Ant Design Vue + JSPlumb,该组件目的是为了使用在Vue项目中,它前身是原生版流程设计器。
  • 大小:
    12.42MB
  • 演示网站:
    暂无
  • 当前版本:
    暂无
  • 日期:
    2024-11-15 02:39:00
  • 相关链接:
    Home Page
  • 所属分类:
    web应用开发 JavaScript
  • 软件评级:

  • 下载人气:
    329
免费下载
源码属性
授权 开源
大小 12.42MB
语言 JavaScript

VFD(VUE FLOW DESIGN流程设计器)是一套基于Vue + Ant Design Vue + JSPlumb,该组件目的是为了使用在Vue项目中,它前身是原生版流程设计器。

Vue版本以全新的技术栈重构了代码,并在原版基础上实现了更好的操作方式。

 

效果演示

基础面板

拖拽节点到绘图区连线

拖拽对齐或使用自动对齐

显示/隐藏网格

设置节点和连线的属性

单节点、多节点移动(按住CTRL键)

改变节点对齐的排序顺序(按住Ctrl键一个一个单击选中要对齐的节点,单击的顺序就是对齐的排列顺序)

清空画布,重新绘制

保存流程图(会生成一段json数据,后台可以保存这段数据,为了便于调试,生成的json数据可以通过快捷键CTRL+ALT+T打开的测试窗口看到。同时也可以从该窗口载入其他的符合流程图的json数据)

快捷键说明

 

使用教程

在你的项目根目录下安装vfd:

npm install vfd --save

在代码中引用,类似如下:

<template>
	<div>
        <vfd></vfd>
    </div>
</template>

<script>
    import vfd from 'vfd'
    
    export default {
        components: {
            vfd
        }
    }
</script>

VFD(VUE FLOW DESIGN流程设计器)下载地址 已被下载329次
本资源由用户投稿上传,内容来自互联网,本站只做免费推荐用于学习分享,如有版权及其他问题,请联系 本站编辑 处理
重要:如软件存在付费、会员、充值等,均属软件开发者或所属公司行为,与本站无关,网友需自行判断

相关软件

下载排行