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

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