vxe-table 显示图片

vxe-table 是一个 Vue.js 表格组件，它默认不支持在表格中显示图片，但可以通过自定义单元格模板来实现。以下是一个简单的示例：

<template>
  <div>
    <vxe-table :data="tableData">
      <vxe-table-column type="index" title="Index"></vxe-table-column>
      <vxe-table-column field="name" title="Name"></vxe-table-column>
      <vxe-table-column field="image" title="Image">
        <template #cell="{row}">
          <img :src="row.image" style="width: 100px;">
        </template>
      </vxe-table-column>
    </vxe-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'Apple', image: 'https://via.placeholder.com/100' },
        { name: 'Banana', image: 'https://via.placeholder.com/100' },
        { name: 'Orange', image: 'https://via.placeholder.com/100' },
      ],
    };
  },
};
</script>

在上面的示例中，我们定义了一个包含 `name` 和 `image` 字段的表格数据，并在 `vxe-table-column` 组件中使用了自定义单元格模板来显示图片。在模板中，我们使用 `img` 元素来显示图片，并使用 `:src` 属性来动态绑定每行数据中的 `image` 字段。

请注意，这只是一个简单的示例，实际上您可能需要更复杂的逻辑来处理表格中的图片。