shayloyuki

科技是第一生产力

 

vxe-table:可编辑表格表头不显示编辑图标

问题

"vxe-table": "^3.5.9",官方文档默认显示编辑图标。但实际上没有显示。

vex-tableedit-config 添加 showIcon: true,也不生效。

设置 icon 也不生效。

image

image

替代方案

vxe-column 设置插槽 <template #default="{ row }"></template>,内部显示内容添加 icon

新的问题

插槽内容中设置 <i class="vxe-icon-edit"></i>,页面不会显示,审查元素发现宽高为零。

替代方案

使用 <i class="el-icon-edit"></i> 代替 vxe icon,能够正常显示。

效果:

image

后续

破案了,不显示编辑图标不是库的坑,是我之前写的坑。

image

这个问题之前没有发现,是因为审查元素检查没有细心,没有发现设置的这个样式。

posted on 2023-09-06 10:29  shayloyuki  阅读(1058)  评论(0编辑  收藏  举报

导航