需求场景

我们有一个表格，表头和数据都是通过后端返回的数据来渲染的，在没有深入研究vben v5的时候，我以为他会把所有的展示组件都注册好，结果发现配置好了以后单元格为空白的情况（如下图），然后我就去研究了一下官方给出的手册（顺便看了看vxe的文档），发现只需要前往 apps/web-antd/src/adapter/vxe-table.ts 中添加下面的代码来注册就可以实现，特此记录一下。

// 表格配置项（单元格组件）可以用 cellRender: { name: 'VxeImage' },
    vxeUI.renderer.add('VxeImage', {
      renderTableDefault(_renderOpts, params) {
        const { column, row } = params;
        return h(Image, { src: row[column.field] });
      },
    });

添加完成后