厌外 发表于 2026-2-2 17:20:02

vue 甘特图 vxe-gantt 自定义任务条插槽模板的用法

vue 甘特图 vxe-gantt 自定义任务条插槽模板的用法
https://gantt.vxeui.com

过设置 taskBar 插槽来自定义模板
<template>

    <vxe-gantt v-bind="ganttOptions">
      <template #task-bar-overview="{ row }">
      
          总进度：{{ row.progress }}%
      
      </template>

      <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

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

汪之亦 发表于 2026-2-3 10:44:47

谢谢楼主提供！

蝙俚 发表于 2026-2-3 11:12:47

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

尸酒岐 发表于 2026-2-4 10:54:36

收藏一下   不知道什么时候能用到

打阗渖 发表于 2026-2-8 02:00:47

这个好，看起来很实用

纪晴丽 发表于 2026-2-8 03:37:19

新版吗？好像是停更了吧。

党新苗 发表于 2026-2-8 05:51:00

这个好，看起来很实用

髡芯 发表于 2026-2-9 20:01:40

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

羊夏菡 发表于 2026-2-10 15:49:14

谢谢分享，辛苦了

赶塑坠 发表于 2026-2-10 17:48:12

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

郁兰娜 发表于 2026-2-11 03:52:28

前排留名，哈哈哈

赊朗爆 发表于 2026-2-11 11:35:37

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

赵淳美 发表于 2026-2-11 19:21:26

用心讨论，共获提升！

史穹逊 发表于 2026-2-12 03:30:56

这个有用。

秤陷曲 发表于 6 天前

新版吗？好像是停更了吧。

左优扬 发表于 6 天前

yyds。多谢分享

注思 发表于 6 小时前

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