Awesome
vue3 和 vue2 两个项目的demo是不同的,可以都下载下来运行查看是否有符合自身业务的demo
vue-x6-flow
基于antv-x6 vue版本 vue2.x+ element +antv-x6 适用于流程图-dag图
vue3版本地址
https://github.com/MyButifullyLife/vue-x6-flow-3.0
有以下功能内容: 1、拖拽布局 2、右键菜单 3、保存
4、缩放 5、多选 6、快捷键 cv cx cz(重做) 7、连线判断 8、配置属性 9、动态节点流向动画 其余功能可在antv-x6文档自行添加
文档地址
https://x6.antv.vision/zh/docs/api/graph/graph
本项目效果图
流向动画
树状图 现成源码
x6 对于流程图 dag图 思维导图均可实现
如果文章对你有帮助,那么5块、10块也是爱
有疑问可加QQ
冠希:微信转账30可以让你少掉、少白几根头发永远跟我一样帅 QQ:251275985 wx:gjh251275985
antv在vue使用所需要的依赖
···
"@antv/x6": "^1.29.5"
"@antv/x6-vue-shape": "^1.3.0"
"@vue/composition-api": "^1.4.3"
vue.config.js 配置
runtimeCompiler: true
···
Project setup
因为项目是由最新vue-cli创建,运行环境必须要有 yarn
本地环境没有yarn 可以通过 npm install yarn 下载
yarn install
Compiles and hot-reloads for development
yarn serve
Compiles and minifies for production
yarn build
Lints and fixes files
yarn lint