厌外 发表于 昨天 17:20

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

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

汪之亦 发表于 8 小时前

谢谢楼主提供!

蝙俚 发表于 8 小时前

喜欢鼓捣这些软件,现在用得少,谢谢分享!
页: [1]
查看完整版本: vue 甘特图 vxe-gantt 自定义任务条插槽模板的用法