缄戈 发表于 2025-12-22 10:30:01

vue 甘特图 vxe-gantt 手动增加一条依赖线，删除连接线的用法

vue 甘特图 vxe-gantt 手动增加一条依赖线，删除连接线的用法,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键
0 FinishToStart 结束后才开始，表示一个任务必须在另一个任务开始之前完成
1 StartToFinish 开始到结束，表示从某个过程的开始到结束的整个过程
2 StartToStart 开始后才开始，表示一个活动结束了，另一个活动才能开始，它们之间按先后顺序进行
3 FinishToFinish 完成到完成，表示一个任务必须在另一个任务完成之后才能完成
查看官网：https://gantt.vxeui.com/
gitbub：https://github.com/x-extends/vxe-gantt
gitee：https://gitee.com/x-extends/vxe-gantt

过调用 setTaskLinks、clearTaskLinks 方法来设置或清除连接线可以很简单的画连接线或清除连接线
<template>

    <vxe-button status="primary" @click="addLink1">新增一条线7-6</vxe-button>
    <vxe-button status="primary" @click="addLink2">新增二条线2-9</vxe-button>
    <vxe-button status="error" @click="delLink1">删除一条线7</vxe-button>
    <vxe-button status="error" @click="delLink2">删除一条线2</vxe-button>
    <vxe-button status="success" @click="updateLink1">重新设置连接线1</vxe-button>
    <vxe-button status="success" @click="updateLink2">重新设置连接线2</vxe-button>
    <vxe-button status="error" @click="clearLink">清除全部连接线</vxe-button>

    <vxe-gantt ref="ganttRef" v-bind="ganttOptions"></vxe-gantt>

</template>https://gitee.com/x-extends/vxe-gantt

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

松菊 发表于 2026-1-8 23:10:31

这个好，看起来很实用

锷稠 发表于 2026-1-15 18:17:12

感谢分享，下载保存了，貌似很强大

列蜜瘘 发表于 2026-1-16 15:07:32

谢谢分享，试用一下

缣移双 发表于 2026-1-17 16:47:28

感谢分享

兑谓 发表于 2026-1-20 13:58:09

热心回复！

荦绅诵 发表于 2026-1-20 18:40:00

感谢分享

珠尿娜 发表于 2026-1-22 07:08:38

感谢，下载保存了

峰埋姚 发表于 2026-1-24 10:39:37

感谢，下载保存了

怀陶宁 发表于 2026-1-24 12:20:28

谢谢分享，辛苦了

勉欤铅 发表于 2026-1-25 23:06:25

分享、互助 让互联网精神温暖你我

利怡悦 发表于 6 天前

用心讨论，共获提升！

拍棹 发表于 5 天前

过来提前占个楼

吮槌圯 发表于 4 天前

谢谢楼主提供！

阜逐忍 发表于 前天 05:31

这个有用。

貊淀 发表于 14 小时前

懂技术并乐意极积无私分享的人越来越少。珍惜

申倩语 发表于 11 小时前

收藏一下   不知道什么时候能用到
页: [1]
查看完整版本: vue 甘特图 vxe-gantt 手动增加一条依赖线，删除连接线的用法