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

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

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

1. <template>
2.   
3.     <vxe-gantt v-bind="ganttOptions">
4.       <template #task-bar-overview="{ row }">
5.         
6.           总进度：{{ row.progress }}%
7.         
8.       </template>
10.       <template #task-bar="{ row }">
11.         
12.          
13.             <vxe-image :src="row.imgUrl" height="30" circle></vxe-image>
14.          
15.          
16.             {{ row.title }}
17.             已完成：{{ row.progress }}%
18.          
19.         
20.       </template>
21.     </vxe-gantt>
22.   
23. </template>

复制代码

https://gitee.com/x-extends/vxe-gantt

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

谢谢楼主提供！

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

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

这个好，看起来很实用

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

这个好，看起来很实用

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

谢谢分享，辛苦了

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

前排留名，哈哈哈

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

用心讨论，共获提升！

这个有用。

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

yyds。多谢分享

用心讨论，共获提升！

感谢分享，学习下。

谢谢分享，试用一下

谢谢楼主提供！