vue vxe-gantt 甘特图自定义任务条样式模板 table 自定义插槽模板

溜椎干 · 4 天前

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

<template>
<vxe-gantt v-bind="ganttOptions">
<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

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

账号		自动登录	找回密码
密码			立即注册

vue vxe-gantt 甘特图自定义任务条样式模板 table 自定义插槽模板

浏览过的版块

签约作者