img.tsx 470 B

1234567891011121314151617181920
  1. import { VXETable } from 'vxe-table'
  2. import { ElImage } from 'element-plus'
  3. // 图片渲染
  4. VXETable.renderer.add('XImg', {
  5. // 默认显示模板
  6. renderDefault(_renderOpts, params) {
  7. const { row, column } = params
  8. return (
  9. <ElImage
  10. style="width: 80px; height: 50px"
  11. src={row[column.field]}
  12. key={row[column.field]}
  13. preview-src-list={[row[column.field]]}
  14. fit="contain"
  15. lazy
  16. ></ElImage>
  17. )
  18. }
  19. })