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 来实现

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

复制代码

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

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

过来提前占个楼

谢谢分享，试用一下

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

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

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

用心讨论，共获提升！

这个有用。

前排留名，哈哈哈

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

谢谢分享，辛苦了

这个有用。

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

感谢，下载保存了

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

这个有用。

感谢，下载保存了

过来提前占个楼

谢谢分享，辛苦了

用心讨论，共获提升！