自定义插槽formatter如何返回el-button
<Table ref="tableRef" highlight-current-row>
<!-- 请注意 #test 它是自定义的插槽名称 -->
<template #operate>
<!-- 在插槽内,您可以随意发挥,通常使用 el-table-column 组件 -->
<el-table-column prop="id" label="操作" width="180" :formatter="authWithdrawal" />
</template>
</Table>
const authWithdrawal = (row, column, cellValue: string) => {
if (row.status == 0) {
return (
<el-button size="mini" round>
超小按钮
</el-button>
)
} else if (row.status == 1) {
return '成功'
} else if (row.status == 2) {
return '已退回'
}
}
请先登录
热门问题
看看
el-table-column
文档,它也有插槽,在里边写el-button- 1
前往