溜椎干 发表于 2025-8-22 15:36:50

vue vxe-gantt 甘特图自定义任务条样式模板 table 自定义插槽模板

vue vxe-gantt 甘特图自定义任务条样式模板 table 自定义插槽模板
当需要渲染自定义内容模板是，就可以通过插槽来实现，非常灵活
查看官网：https://vxeui.com
Github：https://github.com/x-extends/vxe-gantt
Gitee：https://gitee.com/x-extends/vxe-gantt

代码

通过自定义插槽 task-bar 来实现
<template>

    <vxe-gantt v-bind="ganttOptions">
      <template #task-bar="{ row }">
      
         
            <vxe-image :src="row.imgUrl" height="30" circle></vxe-image>
         
         
            {{ row.title }}
            已完成：{{ row.progress }}%
         
      
      </template>
    </vxe-gantt>

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

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

寇秀娟 发表于 2025-10-18 04:23:39

过来提前占个楼

恿深疏 发表于 2025-12-9 12:27:21

谢谢分享，试用一下

呵桢 发表于 2025-12-10 05:39:12

喜欢鼓捣这些软件，现在用得少，谢谢分享！

佴莘莘 发表于 2025-12-16 21:55:59

感谢发布原创作品，程序园因你更精彩

挽幽 发表于 2026-1-3 23:57:13

鼓励转贴优秀软件安全工具和文档！

裸历 发表于 2026-1-17 00:07:43

用心讨论，共获提升！

谭皎洁 发表于 2026-1-20 19:32:39

这个有用。

寿爹座 发表于 2026-1-21 06:02:08

前排留名，哈哈哈

丝甲坞 发表于 2026-1-23 04:19:58

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

羊舌正清 发表于 2026-1-23 15:01:58

谢谢分享，辛苦了

揿纰潦 发表于 2026-1-24 16:07:32

这个有用。

慢秤 发表于 2026-1-25 07:50:54

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

挫莉虻 发表于 2026-1-26 11:07:35

感谢，下载保存了

扔飒 发表于 2026-1-29 07:40:48

很好很强大我过来先占个楼 待编辑

怀陶宁 发表于 2026-1-29 08:07:31

这个有用。

更成痒 发表于 2026-1-30 10:09:46

感谢，下载保存了

窖咎 发表于 2026-1-30 12:49:41

过来提前占个楼

庇床铍 发表于 2026-2-2 04:59:43

谢谢分享，辛苦了

挫莉虻 发表于 2026-2-3 08:02:14

用心讨论，共获提升！
页: [1] 2
查看完整版本: vue vxe-gantt 甘特图自定义任务条样式模板 table 自定义插槽模板