Commit aaab618493445d6d2f07d440e0a0741fe459d4e8
1 parent
b081bb8e
feat: add vxe renderer
Showing
2 changed files
with
33 additions
and
0 deletions
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/default.tsx
0 → 100644
| 1 | +import { VXETable } from 'vxe-table' | ||
| 2 | + | ||
| 3 | +// 超链接渲染 | ||
| 4 | +VXETable.renderer.add('XLink', { | ||
| 5 | + // 默认显示模板 | ||
| 6 | + renderDefault(renderOpts, params) { | ||
| 7 | + const { row, column } = params | ||
| 8 | + const { events = {} } = renderOpts | ||
| 9 | + return ( | ||
| 10 | + <a class="link" onClick={() => events.click(params)}> | ||
| 11 | + {row[column.field]} | ||
| 12 | + </a> | ||
| 13 | + ) | ||
| 14 | + } | ||
| 15 | +}) | ||
| 16 | + | ||
| 17 | +// 图片渲染 | ||
| 18 | +VXETable.renderer.add('XImg', { | ||
| 19 | + // 默认显示模板 | ||
| 20 | + renderDefault(_renderOpts, params) { | ||
| 21 | + const { row, column } = params | ||
| 22 | + return ( | ||
| 23 | + <el-image | ||
| 24 | + style="width: 80px; height: 50px" | ||
| 25 | + src={row[column.field]} | ||
| 26 | + key={row[column.field]} | ||
| 27 | + fit="contain" | ||
| 28 | + lazy | ||
| 29 | + ></el-image> | ||
| 30 | + ) | ||
| 31 | + } | ||
| 32 | +}) |