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

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