21 lines
470 B
TypeScript
21 lines
470 B
TypeScript
import { VXETable } from 'vxe-table'
|
|
import { ElImage } from 'element-plus'
|
|
|
|
// 图片渲染
|
|
VXETable.renderer.add('XImg', {
|
|
// 默认显示模板
|
|
renderDefault(_renderOpts, params) {
|
|
const { row, column } = params
|
|
return (
|
|
<ElImage
|
|
style="width: 80px; height: 50px"
|
|
src={row[column.field]}
|
|
key={row[column.field]}
|
|
preview-src-list={[row[column.field]]}
|
|
fit="contain"
|
|
lazy
|
|
></ElImage>
|
|
)
|
|
}
|
|
})
|