feat: add vxe renderer
This commit is contained in:
parent
b081bb8e71
commit
aaab618493
@ -0,0 +1,32 @@
|
||||
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>
|
||||
)
|
||||
}
|
||||
})
|
@ -1,2 +1,3 @@
|
||||
import './dataTimePicker'
|
||||
import './dict'
|
||||
import './default'
|
||||
|
Loading…
Reference in New Issue
Block a user