Files
ipms-sjy/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/default.tsx
2022-11-18 17:26:04 +08:00

33 lines
700 B
TypeScript

import { VXETable } from 'vxe-table'
// 超链接渲染
VXETable.renderer.add('XLink', {
// 默认显示模板
renderDefault(renderOpts, params) {
const { row, column } = params
const { events = {} } = renderOpts
return (
<a class="link" onClick={() => events.click(params)}>
{row[column.field]}
</a>
)
}
})
// 图片渲染
VXETable.renderer.add('XImg', {
// 默认显示模板
renderDefault(_renderOpts, params) {
const { row, column } = params
return (
<el-image
style="width: 80px; height: 50px"
src={row[column.field]}
key={row[column.field]}
fit="contain"
lazy
></el-image>
)
}
})