# 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
## 本项目效果图
![image](https://user-images.githubusercontent.com/16436933/149902393-4a9fd58f-eadd-4a5f-af71-81076d0364d0.png)
## 流向动画
![GIF 2022-1-18 16-51-01](https://user-images.githubusercontent.com/16436933/149902899-b630b119-c39f-45e9-b576-da8d571386be.gif)
## 树状图 现成源码
![1679362448522](https://user-images.githubusercontent.com/16436933/226499607-5ad1b21d-79c5-45d1-9d31-b59841889eaa.jpg)
![企业微信截图_d2f74ba5-4202-43eb-90e8-9f95bfc3ff2f](https://user-images.githubusercontent.com/16436933/226512037-53dcc958-6112-402d-92b8-cf530b2f531d.png)
## x6 对于流程图 dag图 思维导图均可实现
![image](https://user-images.githubusercontent.com/16436933/153532050-5bd5372b-e3a0-43dd-8407-9f0a05b7f59a.png)
## 如果文章对你有帮助,那么5块、10块也是爱
![image](https://user-images.githubusercontent.com/16436933/153533288-32647686-344f-4933-a692-5f4451fe24f6.png)
## 有疑问可加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
![image](https://user-images.githubusercontent.com/16436933/228793431-1a5c9d9e-03c7-4a43-8765-879f5177333c.png)
···
## Project setup
```
yarn install
```
### Compiles and hot-reloads for development
```
yarn serve
```
### Compiles and minifies for production
```
yarn build
```
### Lints and fixes files
```
yarn lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
没有合适的资源?快使用搜索试试~ 我知道了~
antv/x6封装vue2.0源码
共24个文件
vue:9个
js:4个
json:3个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
1 下载量 11 浏览量
2023-05-13
15:13:58
上传
评论
收藏 268KB ZIP 举报
温馨提示
附带增删改连线拖拽生成功能撤销保存放大缩小等等
资源推荐
资源详情
资源评论
收起资源包目录
vue-x6-flow-master.zip (24个子文件)
vue-x6-flow-master
yarn.lock 386KB
babel.config.js 73B
src
App.vue 20KB
assets
svg
defaultImg.svg 868B
arrow.svg 483B
logo.png 7KB
main.js 269B
components
menuBar.vue 1KB
nodeTheme
database.vue 3KB
onlyIn.vue 3KB
condition.vue 3KB
onlyOut.vue 3KB
dialog
mysql.vue 1KB
condition.vue 2KB
drawer.vue 9KB
config.js 559B
data.json 2KB
package.json 1019B
public
favicon.ico 4KB
index.html 611B
package-lock.json 460KB
vue.config.js 1KB
.gitignore 231B
README.md 2KB
共 24 条
- 1
资源评论
Cheng-Dashi
- 粉丝: 108
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功