jdcProject_front/src/pages/demo/vxe-table/tsx/StatusColumnSolts.tsx

10 lines
371 B
TypeScript

import type { VxeColumnPropTypes } from "vxe-table/types/column"
export const StatusColumnSolts: VxeColumnPropTypes.Slots = {
default: ({ row, column }) => {
const cellValue = row[column.field]
const [type, value] = cellValue ? ["success", "启用"] : ["danger", "禁用"]
return [<span class={`el-tag el-tag--${type} el-tag--plain`}>{value}</span>]
}
}