vxe-table:可编辑表格表头不显示编辑图标
问题
"vxe-table": "^3.5.9",官方文档默认显示编辑图标。但实际上没有显示。
给 vex-table 的 edit-config 添加 showIcon: true,也不生效。
设置 icon 也不生效。


替代方案
给 vxe-column 设置插槽 <template #default="{ row }"></template>,内部显示内容添加 icon。
新的问题
插槽内容中设置 <i class="vxe-icon-edit"></i>,页面不会显示,审查元素发现宽高为零。
替代方案
使用 <i class="el-icon-edit"></i> 代替 vxe icon,能够正常显示。
效果:

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

这个问题之前没有发现,是因为审查元素检查没有细心,没有发现设置的这个样式。
本文来自博客园,作者:shayloyuki,转载请注明原文链接:https://www.cnblogs.com/shayloyuki/p/17681614.html
posted on 2023-09-06 10:29 shayloyuki 阅读(1962) 评论(0) 收藏 举报
浙公网安备 33010602011771号