
eleui 的el-table 表头有这种图片:
<el-table-column
width="100"
:render-header="renderHeader"
>
</el-table-column>
重点是 renderHeader
在 methods 里写方法
methods: {
renderHeader(h) {
return (
<img
src="xxxx"
alt=""
style="width:1rem;height:1rem;margin-left:1.63rem"
/>
);
},
},
img 的 src 路径写成 base64 的格式 才能有图片,写本地路径的图片不显示。
本文介绍了如何在EleUI的el-table组件中通过renderHeader方法渲染表头,并展示Base64编码的图片。内容包括设置表头方法的实现,以及遇到的本地图片路径无法显示的问题,解决方案是将图片转换为Base64格式。
1250





